Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="AuraSocial"
     />
@@ -56,12 +45,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="AuraSocial"
       description="We craft bespoke social media strategies for elite brands that command attention and drive exponential growth."
-      buttons={[
-        {
-          text: "Start Your Journey",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Start Your Journey", href: "#contact" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-sleek-high-end-digital-agency-office-s-1774695745907-b65cd1f8.png"
       imageAlt="Premium agency hero visual"
     />
@@ -71,19 +55,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Defining the ",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-team-collaborating-around-1774695747004-f574189c.png",
-          alt: "Strategy",
-        },
-        {
-          type: "text",
-          content: " future of your brand.",
-        },
+        { type: "text", content: "Defining the " },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-team-collaborating-around-1774695747004-f574189c.png", alt: "Strategy" },
+        { type: "text", content: " future of your brand." },
       ]}
     />
   </div>
@@ -94,78 +68,9 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Brand Strategy",
-          description: "Building authoritative identities that resonate with your target audience.",
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=1",
-            imageAlt: "Strategy",
-          },
-          items: [
-            {
-              icon: Shield,
-              text: "Market positioning",
-            },
-            {
-              icon: Zap,
-              text: "Brand storytelling",
-            },
-            {
-              icon: Award,
-              text: "Content pillars",
-            },
-          ],
-          reverse: false,
-        },
-        {
-          id: "f2",
-          title: "Growth Engine",
-          description: "Data-driven tactics to maximize reach and drive high-intent engagement.",
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=2",
-            imageAlt: "Growth",
-          },
-          items: [
-            {
-              icon: TrendingUp,
-              text: "Viral loops",
-            },
-            {
-              icon: Target,
-              text: "Audience segmentation",
-            },
-            {
-              icon: BarChart,
-              text: "ROI scaling",
-            },
-          ],
-          reverse: true,
-        },
-        {
-          id: "f3",
-          title: "Premium Content",
-          description: "Visual narratives that elevate perception and foster deep brand loyalty.",
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=3",
-            imageAlt: "Content",
-          },
-          items: [
-            {
-              icon: Camera,
-              text: "Cinematic production",
-            },
-            {
-              icon: Edit3,
-              text: "Editorial design",
-            },
-            {
-              icon: Layout,
-              text: "Visual systems",
-            },
-          ],
-          reverse: false,
-        },
+        { id: "f1", title: "Brand Strategy", description: "Building authoritative identities that resonate with your target audience.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=1", imageAlt: "Strategy" }, items: [{ icon: Shield, text: "Market positioning" }, { icon: Zap, text: "Brand storytelling" }, { icon: Award, text: "Content pillars" }], reverse: false },
+        { id: "f2", title: "Growth Engine", description: "Data-driven tactics to maximize reach and drive high-intent engagement.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=2", imageAlt: "Growth" }, items: [{ icon: TrendingUp, text: "Viral loops" }, { icon: Target, text: "Audience segmentation" }, { icon: BarChart, text: "ROI scaling" }], reverse: true },
+        { id: "f3", title: "Premium Content", description: "Visual narratives that elevate perception and foster deep brand loyalty.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=3", imageAlt: "Content" }, items: [{ icon: Camera, text: "Cinematic production" }, { icon: Edit3, text: "Editorial design" }, { icon: Layout, text: "Visual systems" }], reverse: false },
       ]}
       title="Our Expertise"
       description="Precision-engineered social strategies designed for high-performing brands."
@@ -179,26 +84,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "120%",
-          description: "Average audience growth",
-        },
-        {
-          id: "m2",
-          value: "5M+",
-          description: "Monthly impressions",
-        },
-        {
-          id: "m3",
-          value: "4.8x",
-          description: "ROAS improvement",
-        },
-        {
-          id: "m4",
-          value: "35%",
-          description: "Increase in conversion",
-        },
+        { id: "m1", value: "120%", description: "Average audience growth" },
+        { id: "m2", value: "5M+", description: "Monthly impressions" },
+        { id: "m3", value: "4.8x", description: "ROAS improvement" },
+        { id: "m4", value: "35%", description: "Increase in conversion" },
       ]}
       title="Impact at Scale"
       description="Quantifiable results that prove our premium methodology works."
@@ -211,46 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice Thompson",
-          handle: "@ali_t",
-          testimonial: "AuraSocial completely transformed our digital presence. Truly premium service.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-portrait-of-a-tech-savvy--1774695745848-39e3262f.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Marcus Vane",
-          handle: "@mvane",
-          testimonial: "The ROI we've seen since partnering with them is unparalleled.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-candid-professional-portrait-of-a-crea-1774695745385-c1b03162.png",
-        },
-        {
-          id: "3",
-          name: "Elena Rossi",
-          handle: "@e_rossi",
-          testimonial: "Their aesthetic eye for content is exactly what we needed.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-charismatic-portrait-of-a-1774695745925-ff499041.png",
-        },
-        {
-          id: "4",
-          name: "James Chen",
-          handle: "@j_chen",
-          testimonial: "Consistently impressive results and deep strategic insight.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-sharp-modern-corporate-headshot-of-a-f-1774695744969-f2ab6701.png",
-        },
-        {
-          id: "5",
-          name: "Sarah Miller",
-          handle: "@s_miller",
-          testimonial: "A team of true professionals who understand the modern landscape.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-portrait-of-a-tech-savvy--1774695745848-39e3262f.png?_wi=2",
-        },
+        { id: "1", name: "Alice Thompson", handle: "@ali_t", testimonial: "AuraSocial completely transformed our digital presence. Truly premium service.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-portrait-of-a-tech-savvy--1774695745848-39e3262f.png?_wi=1" },
+        { id: "2", name: "Marcus Vane", handle: "@mvane", testimonial: "The ROI we've seen since partnering with them is unparalleled.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-candid-professional-portrait-of-a-crea-1774695745385-c1b03162.png" },
+        { id: "3", name: "Elena Rossi", handle: "@e_rossi", testimonial: "Their aesthetic eye for content is exactly what we needed.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-professional-charismatic-portrait-of-a-1774695745925-ff499041.png" },
       ]}
       showRating={true}
       title="Client Success"
@@ -259,90 +111,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "What makes AuraSocial different?",
-          content: "Our high-touch, data-first strategy prioritizes brand legacy alongside rapid performance results.",
-        },
-        {
-          id: "q2",
-          title: "Do you work with startups?",
-          content: "We work with scaling brands who are ready for high-end, premium social management.",
-        },
-        {
-          id: "q3",
-          title: "How do we measure success?",
-          content: "Transparent dashboarding with deep analytics focused on your unique business goals.",
-        },
+        { id: "q1", title: "What makes AuraSocial different?", content: "Our high-touch, data-first strategy prioritizes brand legacy alongside rapid performance results." },
+        { id: "q2", title: "Do you work with startups?", content: "We work with scaling brands who are ready for high-end, premium social management." },
+        { id: "q3", title: "How do we measure success?", content: "Transparent dashboarding with deep analytics focused on your unique business goals." },
       ]}
       title="Common Questions"
       description="Everything you need to know about our premium agency model."
       faqsAnimation="slide-up"
+      mediaPosition="left"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-minimalist-abstract-visualization-of-d-1774695746083-855640d4.png?_wi=4"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Inquire"
       title="Ready to scale?"
       description="Let's discuss how we can elevate your brand."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTWFgIBOjH1mJJjiaGHa1hqU4/a-luxury-minimalist-office-area-with-dee-1774695745748-80d66460.png"
-      mediaAnimation="slide-up"
       buttonText="Apply Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseCard
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Success",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Solutions", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { title: "Company", items: [{ label: "Success", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
+        { title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] },
       ]}
       logoText="AuraSocial"
     />