Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,8 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import { Zap, Shield, Star, Award } from "lucide-react";
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
@@ -30,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Results",
-          id: "testimonial",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Results", id: "testimonial" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AuraSocial"
     />
@@ -61,69 +47,29 @@ export default function LandingPage() {
       description="We craft bespoke social strategies for industry leaders, merging data-driven precision with high-end creative storytelling."
       testimonials={[
         {
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "AuraSocial transformed our digital presence. ROI increased 400% in six months.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=1",
-        },
+          name: "Sarah Miller",          handle: "@smiller",          testimonial: "AuraSocial transformed our digital presence. ROI increased 400% in six months.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=1" },
         {
-          name: "James Chen",
-          handle: "@jchen",
-          testimonial: "The gold standard of agencies. Strategic, creative, and results-oriented.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=1",
-        },
+          name: "James Chen",          handle: "@jchen",          testimonial: "The gold standard of agencies. Strategic, creative, and results-oriented.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=1" },
         {
-          name: "Elena Ross",
-          handle: "@eross",
-          testimonial: "Unparalleled reach. They don't just post, they craft narratives.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=1",
-        },
+          name: "Elena Ross",          handle: "@eross",          testimonial: "Unparalleled reach. They don't just post, they craft narratives.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=1" },
         {
-          name: "David Thorne",
-          handle: "@dthorne",
-          testimonial: "The precision they bring to social media is breathtaking.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1",
-        },
+          name: "David Thorne",          handle: "@dthorne",          testimonial: "The precision they bring to social media is breathtaking.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1" },
         {
-          name: "Lisa Wang",
-          handle: "@lwang",
-          testimonial: "A true partner in growth. Our brand has never felt more alive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Your Strategy",
-          href: "#contact",
-        },
+          name: "Lisa Wang",          handle: "@lwang",          testimonial: "A true partner in growth. Our brand has never felt more alive.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=1" },
       ]}
+      buttons={[{ text: "Start Your Strategy", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=1"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
-          alt: "Sarah Miller",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
-          alt: "James Chen",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg",
-          alt: "Elena Ross",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "David Thorne",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
-          alt: "Lisa Wang",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", alt: "Sarah Miller" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg", alt: "James Chen" },
+        { src: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg", alt: "Elena Ross" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "David Thorne" },
+        { src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", alt: "Lisa Wang" },
       ]}
       avatarText="Trusted by 50+ industry leaders"
     />
@@ -135,18 +81,9 @@ export default function LandingPage() {
       title="Crafting Stories, Driving Results"
       description="We specialize in scaling elite brands through sophisticated creative, strategic platform management, and relentless analytical optimization."
       metrics={[
-        {
-          value: "150M+",
-          title: "Organic Impressions",
-        },
-        {
-          value: "450%",
-          title: "Avg. Engagement Uplift",
-        },
-        {
-          value: "50+",
-          title: "Global Partners",
-        },
+        { value: "150M+", title: "Organic Impressions" },
+        { value: "450%", title: "Avg. Engagement Uplift" },
+        { value: "50+", title: "Global Partners" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg"
       mediaAnimation="slide-up"
@@ -159,34 +96,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Bespoke Creative",
-          description: "High-fidelity motion design and visual content tailored to your brand identity.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=2",
-          imageAlt: "elegant dark background golden lights",
-        },
-        {
-          title: "Strategic Growth",
-          description: "Hyper-focused growth strategies that convert audiences into loyal communities.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=2",
-          imageAlt: "professional ceo portrait dark background",
-        },
-        {
-          title: "Data Analytics",
-          description: "Real-time, actionable insights that drive every creative decision we make.",
-          buttonIcon: "Star",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=2",
-          imageAlt: "stylish creative director portrait",
-        },
-        {
-          title: "Influencer Relations",
-          description: "Premium partnership sourcing and management with top-tier industry creators.",
-          buttonIcon: "Award",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=2",
-          imageAlt: "professional startup founder working",
-        },
+        { title: "Bespoke Creative", description: "High-fidelity motion design and visual content tailored to your brand identity.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=2", imageAlt: "elegant dark background golden lights" },
+        { title: "Strategic Growth", description: "Hyper-focused growth strategies that convert audiences into loyal communities.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=2", imageAlt: "professional ceo portrait dark background" },
+        { title: "Data Analytics", description: "Real-time, actionable insights that drive every creative decision we make.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=2", imageAlt: "stylish creative director portrait" },
+        { title: "Influencer Relations", description: "Premium partnership sourcing and management with top-tier industry creators.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=2", imageAlt: "professional startup founder working" },
       ]}
       title="Our Strategic Arsenal"
       description="Premium services designed to place your brand at the forefront of digital culture."
@@ -199,60 +112,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "James Chen",
-          role: "Creative",
-          company: "DesignLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          name: "Elena Ross",
-          role: "Founder",
-          company: "Startup Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "David Thorne",
-          role: "Marketing",
-          company: "BrandCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Lisa Wang",
-          role: "Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=2",
-        },
+        { id: "1", name: "Sarah Miller", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=3" },
+        { id: "2", name: "James Chen", role: "Creative", company: "DesignLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=3" },
+        { id: "3", name: "Elena Ross", role: "Founder", company: "Startup Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=3" },
+        { id: "4", name: "David Thorne", role: "Marketing", company: "BrandCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2" },
+        { id: "5", name: "Lisa Wang", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=2" },
       ]}
       kpiItems={[
-        {
-          value: "3x",
-          label: "Conversion Rate",
-        },
-        {
-          value: "95%",
-          label: "Client Retention",
-        },
-        {
-          value: "100+",
-          label: "Successful Campaigns",
-        },
+        { value: "3x", label: "Conversion Rate" },
+        { value: "95%", label: "Client Retention" },
+        { value: "100+", label: "Successful Campaigns" },
       ]}
       title="Measured Excellence"
       description="Don't just take our word for it—our results define our reputation."
@@ -265,54 +134,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "growth",
-          badge: "Core Growth",
-          price: "$12,000/mo",
-          subtitle: "For emerging ambitious brands",
-          buttons: [
-            {
-              text: "Select Growth",
-            },
-          ],
-          features: [
-            "Full Content Suite",
-            "Daily Posting",
-            "Performance Analytics",
-          ],
-        },
-        {
-          id: "scale",
-          badge: "Market Scale",
-          price: "$25,000/mo",
-          subtitle: "For brands demanding high-impact scale",
-          buttons: [
-            {
-              text: "Select Scale",
-            },
-          ],
-          features: [
-            "Everything in Growth",
-            "Full Influencer Mgmt",
-            "Weekly Strategy Sessions",
-          ],
-        },
-        {
-          id: "elite",
-          badge: "Elite Domination",
-          price: "$50,000/mo",
-          subtitle: "The premium end-to-end partnership",
-          buttons: [
-            {
-              text: "Select Elite",
-            },
-          ],
-          features: [
-            "Everything in Scale",
-            "Priority Creative Access",
-            "Dedicated Agency Lead",
-          ],
-        },
+        { id: "growth", badge: "Core Growth", price: "$12,000/mo", subtitle: "For emerging ambitious brands", buttons: [{ text: "Select Growth" }], features: ["Full Content Suite", "Daily Posting", "Performance Analytics"] },
+        { id: "scale", badge: "Market Scale", price: "$25,000/mo", subtitle: "For brands demanding high-impact scale", buttons: [{ text: "Select Scale" }], features: ["Everything in Growth", "Full Influencer Mgmt", "Weekly Strategy Sessions"] },
+        { id: "elite", badge: "Elite Domination", price: "$50,000/mo", subtitle: "The premium end-to-end partnership", buttons: [{ text: "Select Elite" }], features: ["Everything in Scale", "Priority Creative Access", "Dedicated Agency Lead"] },
       ]}
       title="Exclusive Agency Partnerships"
       description="Choose a tier tailored to your scale and ambition."
@@ -320,105 +144,34 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Questions, Answered"
+      sideDescription="Insights into our process, our philosophy, and our partnerships."
       faqs={[
-        {
-          id: "1",
-          title: "How do we measure success?",
-          content: "We define success through custom-tailored metrics, prioritizing ROI, brand awareness, and community growth.",
-        },
-        {
-          id: "2",
-          title: "What is our creative process?",
-          content: "Our creative process is deeply collaborative, research-backed, and optimized for platform-specific engagement.",
-        },
-        {
-          id: "3",
-          title: "Can you handle short-form video?",
-          content: "Absolutely. Our motion team specializes in high-retention video content for TikTok, Reels, and YouTube.",
-        },
-        {
-          id: "4",
-          title: "Do you work with global brands?",
-          content: "Yes, we work with premium global brands across a diverse range of high-growth industries.",
-        },
+        { id: "1", title: "How do we measure success?", content: "We define success through custom-tailored metrics, prioritizing ROI, brand awareness, and community growth." },
+        { id: "2", title: "What is our creative process?", content: "Our creative process is deeply collaborative, research-backed, and optimized for platform-specific engagement." },
+        { id: "3", title: "Can you handle short-form video?", content: "Absolutely. Our motion team specializes in high-retention video content for TikTok, Reels, and YouTube." },
+        { id: "4", title: "Do you work with global brands?", content: "Yes, we work with premium global brands across a diverse range of high-growth industries." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg"
-      title="Questions, Answered"
-      description="Insights into our process, our philosophy, and our partnerships."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
+      text="Ready to scale? Connect with our team to discuss your brand's future."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Let's Collaborate"
-      title="Start Your Transformation"
-      description="Ready to scale? Connect with our team to discuss your brand's future."
-      inputPlaceholder="Enter your corporate email"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] },
+        { title: "Socials", items: [{ label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
       ]}
       bottomLeftText="© 2024 AuraSocial. All rights reserved."
       bottomRightText="Privacy Policy"
@@ -427,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}