feat: Update Hero Section with new text effects and video background; add Partners and Shopify Apps sections

- Enhanced Hero Section with new text effects using InView for animations.
- Updated video background source and adjusted styling.
- Introduced a new Partners Section showcasing certifications with animated cards.
- Added a Shopify Apps Section featuring key apps with descriptions, ratings, and links to the Shopify App Store.

Author: usari14

package-lock.json

@@ -15,8 +15,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Scrptble Shopify Apps Agency",
+  description: "Custom Shopify Solutions for Merchants",
 };
 
 export default function RootLayout({

src/app/favicon.ico

@@ -5,6 +5,9 @@ import PortfolioSection from "@/components/sections/home/portfolio-section";
 import ServicesSection from "@/components/sections/home/services";
 import ServicesSection2 from "@/components/sections/home/services-2";
 import StatsSection from "@/components/sections/home/stats";
+import ShopifyAppsSection from "@/components/sections/home/shopify-apps-section";
+import ClientAppsSection from "@/components/sections/home/client-apps-section";
+import PartnersSection from "@/components/sections/home/partners-section";
 import Testimonials from "@/components/testimonials";
 import FooterSection from "@/components/footer";
 import ContactSection from "@/components/contact";
@@ -14,6 +17,9 @@ export default function Home() {
     <main className="min-h-screen">
       <HeroSection />
       <AboutUsSection />
+      <PartnersSection />
+      <ShopifyAppsSection />
+      <ClientAppsSection />
       {/* <ServicesSection /> */}
       <ServicesSection2 />
       <PortfolioSection />

src/app/layout.tsx

@@ -1,19 +1,14 @@
 import { cn } from "@/lib/utils";
-import { motion } from "motion/react";
+import Image from "next/image";
+import logoTransparent from "@/assets/Group 3 (1).png";
 
 export const Logo = ({ className }: { className?: string }) => {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      className={cn("size-7 w-7", className)}
-      fill="none"
-      viewBox="0 0 50 50"
-    >
-      <path
-        fill="currentColor"
-        d="M27.53 40.14c.046-4.59-1.118-8.322-2.598-8.336-1.48-.015-2.716 3.694-2.76 8.283-.046 4.59 1.118 8.321 2.598 8.336 1.48.014 2.716-3.694 2.76-8.284ZM18.947 39.097c2.52-3.836 3.558-7.605 2.321-8.417-1.237-.813-4.282 1.639-6.801 5.475-2.52 3.837-3.559 7.605-2.321 8.418 1.237.812 4.282-1.64 6.801-5.476ZM12.28 33.593c4.193-1.865 7.104-4.474 6.503-5.826-.602-1.352-4.489-.937-8.682.929-4.194 1.865-7.105 4.473-6.504 5.826.602 1.352 4.489.936 8.682-.929ZM18.28 23.974c.225-1.462-3.27-3.214-7.806-3.913-4.536-.698-8.396-.078-8.621 1.385-.225 1.463 3.27 3.215 7.805 3.913 4.537.698 8.396.078 8.621-1.385ZM19.908 20.49c.98-1.11-1.013-4.472-4.452-7.512-3.439-3.039-7.021-4.604-8.001-3.495-.98 1.11 1.013 4.472 4.452 7.512 3.438 3.039 7.02 4.604 8.001 3.494ZM23.151 18.453c1.425-.403 1.566-4.31.317-8.726-1.25-4.416-3.418-7.67-4.842-7.266-1.424.403-1.566 4.31-.316 8.726 1.25 4.415 3.417 7.669 4.841 7.266ZM31.958 11.324c1.337-4.39 1.273-8.3-.143-8.73-1.417-.431-3.648 2.778-4.984 7.169-1.337 4.39-1.272 8.3.144 8.73 1.416.431 3.647-2.778 4.983-7.17ZM38.251 17.256c3.498-2.971 5.557-6.294 4.598-7.422-.958-1.128-4.57.366-8.068 3.338-3.498 2.971-5.556 6.294-4.598 7.422.959 1.128 4.57-.366 8.068-3.338ZM40.332 25.652c4.55-.609 8.078-2.291 7.881-3.758-.196-1.467-4.043-2.163-8.592-1.555-4.549.609-8.077 2.291-7.88 3.759.195 1.466 4.042 2.163 8.591 1.554ZM46.2 34.941c.628-1.34-2.231-4.006-6.387-5.953-4.156-1.948-8.034-2.44-8.662-1.1-.628 1.34 2.232 4.006 6.387 5.953 4.156 1.948 8.034 2.44 8.662 1.1ZM37.459 44.83c1.253-.788.288-4.576-2.155-8.462-2.443-3.885-5.439-6.396-6.692-5.608-1.253.788-.288 4.576 2.155 8.461 2.443 3.886 5.439 6.397 6.692 5.609Z"
-      />
-    </svg>
+    <Image
+      src={logoTransparent}
+      alt="Logo"
+      className={cn("h-14 w-auto", className)}
+    />
   );
 };