Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -30,78 +30,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Work",          id: "projects"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Work", id: "projects"},
+        { name: "About", id: "about"},
+        { name: "Services", id: "services"},
+        { name: "Contact", id: "contact"},
       ]}
       brandName="T."
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars"}}
+      <HeroSplit
+      background={{ variant: "gradient-bars" }}
       title="Websites That Actually Get Customers."
-      description="I build beautiful, fast, SEO-optimized websites for local businesses in Punjab."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-metallic-frame_9975-133762.jpg?_wi=1",          imageAlt: "elegant website mockup"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-make-up-brush-copy-space-tablet_23-2148752499.jpg",          imageAlt: "elegant website mockup"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-chair_15879-276.jpg",          imageAlt: "elegant website mockup"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",          imageAlt: "elegant website mockup"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443522.jpg",          imageAlt: "elegant website mockup"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-tablet-screen-mockup-marble-table_9975-32916.jpg",          imageAlt: "elegant website mockup"},
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-decorated-branches-mockup_53876-143027.jpg?_wi=1",          imageAlt: "luxury studio website"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-minimalist-vases-arrangement_23-2149681099.jpg",          imageAlt: "luxury studio website"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-leaf-background-wallpaper-aesthetic-full-hd-image_53876-132086.jpg",          imageAlt: "luxury studio website"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/succulent-plant-background-wallpaper-aesthetic-nature-dark-image_53876-133514.jpg",          imageAlt: "luxury studio website"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-eucalyptus-background_23-2149425045.jpg",          imageAlt: "luxury studio website"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-atelier-with-sketches-tools_482257-85311.jpg",          imageAlt: "luxury studio website"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-black-smartphone-dock-with-blank-screen_9975-133745.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/two-smartphones-black-background_187299-46672.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-white-background_9975-133657.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/simple-corporate-identity-branding-stationery-set_53876-110840.jpg",          alt: "Client 5"},
-      ]}
-      avatarText="Trusted by 50+ local businesses"
-      marqueeItems={[
-        {
-          type: "text",          text: "SEO Optimized"},
-        {
-          type: "text",          text: "High Performance"},
-        {
-          type: "text",          text: "Mobile Responsive"},
-        {
-          type: "text",          text: "Punjab Centric"},
-        {
-          type: "text",          text: "Client Focused"},
-      ]}
+      description="I build beautiful, fast, SEO-optimized websites for local businesses."
+      imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-metallic-frame_9975-133762.jpg?_wi=1"
+      buttons={[{ text: "Contact", href: "#contact" }]}
     />
   </div>
 
@@ -109,32 +53,24 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",          content: "Most developers build websites. I build websites that rank."},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/talent-occupaption-artistry-aptitude-handmade_53876-21393.jpg",          alt: "About Work"},
+        { type: "text", content: "Most developers build websites. I build websites that rank." },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/talent-occupaption-artistry-aptitude-handmade_53876-21393.jpg", alt: "About Work" },
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
+      <FeatureCardEight
       useInvertedBackground={false}
-      features={[
-        {
-          id: "1",          title: "Website Design",          description: "Beautiful, responsive websites for local businesses.",          tag: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/simple-corporate-identity-branding-stationery-set_53876-126754.jpg",          imageAlt: "Simple corporate identity branding stationery set",          buttons: [{ text: "Inquire", href: "#contact" }]
-        },
-        {
-          id: "2",          title: "SEO Integration",          description: "Built-in on-page SEO so customers find you on Google.",          tag: "Rank",          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-metallic-frame_9975-133762.jpg?_wi=2",          imageAlt: "Simple corporate identity branding stationery set",          buttons: [{ text: "Inquire", href: "#contact" }]
-        },
-        {
-          id: "3",          title: "Maintenance",          description: "Fast support for all your website updates.",          tag: "Support",          imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-decorated-branches-mockup_53876-143027.jpg?_wi=2",          imageAlt: "Simple corporate identity branding stationery set",          buttons: [{ text: "Inquire", href: "#contact" }]
-        },
-      ]}
+      textboxLayout="split"
       title="What I Offer"
       description="High-impact web development and SEO services for local businesses."
+      features={[
+        { title: "Website Design", description: "Beautiful, responsive websites for local businesses.", imageSrc: "http://img.b2bpic.net/free-photo/simple-corporate-identity-branding-stationery-set_53876-126754.jpg" },
+        { title: "SEO Integration", description: "Built-in on-page SEO so customers find you on Google.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-metallic-frame_9975-133762.jpg?_wi=2" },
+        { title: "Maintenance", description: "Fast support for all your website updates.", imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-decorated-branches-mockup_53876-143027.jpg?_wi=2" },
+      ]}
+      buttons={[{ text: "Contact Me", href: "#contact" }]}
     />
   </div>
 
@@ -145,18 +81,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "t1",          name: "Botanical Luxury",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg"},
-        {
-          id: "t2",          name: "Warm Minimal",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/natural-design-screensaver-background-design-illustration_53876-105291.jpg"},
-        {
-          id: "t3",          name: "Editorial Bold",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-all-lives-matter-movement-message_23-2148734117.jpg"},
-        {
-          id: "t4",          name: "Earthy Rustic",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-nuts-with-cinnamon-sticks-copy-space_23-2148684107.jpg"},
-        {
-          id: "t5",          name: "Vintage Ornate",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/antique-word-website-template-layout-cursor-graphic_53876-120899.jpg"},
-        {
-          id: "t6",          name: "Custom Style",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-mockup-with-gold-frame-office-supplies_187299-47558.jpg"},
+        { id: "t1", name: "Botanical Luxury", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091328.jpg" },
+        { id: "t2", name: "Warm Minimal", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/natural-design-screensaver-background-design-illustration_53876-105291.jpg" },
+        { id: "t3", name: "Editorial Bold", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-all-lives-matter-movement-message_23-2148734117.jpg" },
       ]}
       title="Selected Work"
       description="Premium design styles for your business."
@@ -169,12 +96,9 @@ export default function LandingPage() {
       title="Project Impact"
       tag="Expertise"
       metrics={[
-        {
-          id: "m1",          value: "100%",          description: "SEO optimized"},
-        {
-          id: "m2",          value: "24/7",          description: "Fast support"},
-        {
-          id: "m3",          value: "Local",          description: "Punjab focused"},
+        { id: "m1", value: "100%", description: "SEO optimized" },
+        { id: "m2", value: "24/7", description: "Fast support" },
+        { id: "m3", value: "Regional", description: "Area focused" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -184,8 +108,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={true}
-      names={[
-        "Local Business 1",        "Clinic A",        "Gym B",        "Salon C",        "Restaurant D",        "Cafe E",        "Startup F"]}
+      names={["Local Business 1", "Clinic A", "Gym B", "Salon C"]}
       title="Trusted Partner"
       description="Professional web development services."
     />
@@ -194,15 +117,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       tag="Get In Touch"
       title="Ready to Get More Customers?"
       description="Tell me about your business and I'll show you what your new website could look like."
-      buttons={[
-        {
-          text: "Contact Now",          href: "https://wa.me/919814418231"},
-      ]}
+      buttons={[{ text: "Contact Now", href: "https://wa.me/919814418231" }]}
     />
   </div>
 
@@ -210,24 +129,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="T."
       columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "Work",              href: "#projects"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/919814418231"},
-            {
-              label: "Email",              href: "mailto:taranmoon19@gmail.com"},
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Work", href: "#projects" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/919814418231" }, { label: "Email", href: "mailto:taranmoon19@gmail.com" }] },
       ]}
     />
   </div>