Update src/app/page.tsx

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Portfolio", id: "portfolio" },
-          id: "about",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Abdul Moiz"
     />
@@ -60,26 +48,11 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-concept-with-notepad_23-2148223076.jpg"
       showBlur={true}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg", alt: "Happy Elegant Business Woman" },
-          src: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg",
+        { src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", alt: "Blond businessman" },
-          alt: "Happy Elegant Business Woman",
+        { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Confident middle aged businesswoman" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg", alt: "Young businessman" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Smiling man posing" },
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
-          alt: "Blond businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
-          alt: "Confident middle aged businesswoman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
-          alt: "Young businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
-          alt: "Smiling man posing",
-        },
       ]}
       avatarText="Trusted by 80+ happy clients worldwide"
     />
@@ -105,42 +78,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Corporate Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg" },
-          id: "1",
+        { id: "2", name: "Marketing Collateral", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-mockup-with-soft-shadow-overlay_9975-135525.jpg" },
-          name: "Corporate Identity",
+        { id: "3", name: "App Design", price: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/modern-silver-laptop-with-blank-white-screen_9975-133821.jpg" },
-          price: "Branding",
+        { id: "4", name: "Typography Art", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg",
+        { id: "5", name: "Premium Packaging", price: "Product", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg" },
-        },
+        { id: "6", name: "Editorial Layout", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-editor-retouching-photographs-with-editing-software_482257-116572.jpg" },
-        {
-          id: "2",
-          name: "Marketing Collateral",
-          price: "Print",
-          imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-mockup-with-soft-shadow-overlay_9975-135525.jpg",
-        },
-        {
-          id: "3",
-          name: "App Design",
-          price: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-silver-laptop-with-blank-white-screen_9975-133821.jpg",
-        },
-        {
-          id: "4",
-          name: "Typography Art",
-          price: "Print",
-          imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg",
-        },
-        {
-          id: "5",
-          name: "Premium Packaging",
-          price: "Product",
-          imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg",
-        },
-        {
-          id: "6",
-          name: "Editorial Layout",
-          price: "Print",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-editor-retouching-photographs-with-editing-software_482257-116572.jpg",
-        },
       ]}
       title="Featured Projects"
       description="A curated collection of my most impactful work across branding, print, and digital media."
@@ -154,26 +97,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "150+", description: "Projects Completed" },
-          id: "m1",
+        { id: "m2", value: "80+", description: "Happy Clients" },
-          value: "150+",
+        { id: "m3", value: "12", description: "Global Brands" },
-          description: "Projects Completed",
+        { id: "m4", value: "5", description: "Design Awards" },
-        },
-        {
-          id: "m2",
-          value: "80+",
-          description: "Happy Clients",
-        },
-        {
-          id: "m3",
-          value: "12",
-          description: "Global Brands",
-        },
-        {
-          id: "m4",
-          value: "5",
-          description: "Design Awards",
-        },
       ]}
       title="Impact by Numbers"
       description="Design driven by data and results."
@@ -185,46 +112,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", title: "Exceptional Work", quote: "Abdul delivered a stunning identity that redefined our market presence.", name: "Sarah Miller", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
-          id: "1",
+        { id: "2", title: "Top Talent", quote: "His eye for detail is unmatched in the industry. Simply brilliant work.", name: "David Chan", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
-          title: "Exceptional Work",
+        { id: "3", title: "Game Changer", quote: "The new design system significantly increased our user engagement.", name: "Emma Wilson", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg" },
-          quote: "Abdul delivered a stunning identity that redefined our market presence.",
+        { id: "4", title: "Highly Recommend", quote: "Professional, punctual, and creatively outstanding in every project.", name: "Marcus Thorne", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg" },
-          name: "Sarah Miller",
+        { id: "5", title: "Visionary", quote: "He knows exactly how to bridge brand strategy with visual aesthetics.", name: "Sofia Rossi", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
-        },
-        {
-          id: "2",
-          title: "Top Talent",
-          quote: "His eye for detail is unmatched in the industry. Simply brilliant work.",
-          name: "David Chan",
-          role: "Marketing Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-        },
-        {
-          id: "3",
-          title: "Game Changer",
-          quote: "The new design system significantly increased our user engagement.",
-          name: "Emma Wilson",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
-        },
-        {
-          id: "4",
-          title: "Highly Recommend",
-          quote: "Professional, punctual, and creatively outstanding in every project.",
-          name: "Marcus Thorne",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
-        },
-        {
-          id: "5",
-          title: "Visionary",
-          quote: "He knows exactly how to bridge brand strategy with visual aesthetics.",
-          name: "Sofia Rossi",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
-        },
       ]}
       title="Client Success"
       description="Don't just take my word for it. Here is what my clients say."
@@ -235,95 +127,41 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["TechCorp", "Fashionify", "DesignStudio", "AppFlow", "CraveBistro", "ShopEase", "HealthUp"]}
-        "TechCorp",
-        "Fashionify",
-        "DesignStudio",
-        "AppFlow",
-        "CraveBistro",
-        "ShopEase",
-        "HealthUp",
-      ]}
       title="Collaborated With"
       description="Trusted by visionary brands around the globe."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="default"
-      useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "What is your typical design process?", content: "I begin with discovery and research, move to sketching and prototyping, then refined design and final delivery." },
-          id: "f1",
+        { id: "f2", title: "Do you handle print production?", content: "Yes, I offer full print-ready files and can manage vendor coordination if required." },
-          title: "What is your typical design process?",
+        { id: "f3", title: "How long does a project take?", content: "Timeline depends on scope, but branding typically takes 2-4 weeks. I provide a detailed schedule per project." },
-          content: "I begin with discovery and research, move to sketching and prototyping, then refined design and final delivery.",
-        },
-        {
-          id: "f2",
-          title: "Do you handle print production?",
-          content: "Yes, I offer full print-ready files and can manage vendor coordination if required.",
-        },
-        {
-          id: "f3",
-          title: "How long does a project take?",
-          content: "Timeline depends on scope, but branding typically takes 2-4 weeks. I provide a detailed schedule per project.",
-        },
       ]}
-      title="Design Queries"
+      sideTitle="Design Queries"
-      description="Answers to commonly asked questions."
+      sideDescription="Answers to commonly asked questions."
       faqsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
+      text="Let's create something extraordinary together."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Start Your Project"
-      description="Let's create something extraordinary together."
-      tag="Contact"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
-          title: "Navigation",
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="Abdul Moiz"
-      copyrightText="© 2025 Abdul Moiz. All rights reserved."
     />
   </div>
       </ReactLenis>