Update src/app/page.tsx

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Results",
+          name: "Results",          id: "#results"},
-          id: "#results",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="ELITE SOCIAL"
     />
@@ -53,51 +45,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="We Scale Digital Presence."
       description="Premium social media management and growth strategy for brands that demand global attention."
       buttons={[
         {
-          text: "View Our Results",
+          text: "View Our Results",          href: "#results"},
-          href: "#results",
-        },
         {
-          text: "Request Strategy",
+          text: "Request Strategy",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-boxes-social-application-icons-table_23-2147841352.jpg",          imageAlt: "Strategy Session"},
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-boxes-social-application-icons-table_23-2147841352.jpg",
-          imageAlt: "Strategy Session",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg",          imageAlt: "Data Flow"},
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg",
-          imageAlt: "Data Flow",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",          imageAlt: "Engagement Metrics"},
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
-          imageAlt: "Engagement Metrics",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg",          imageAlt: "Team Collaboration"},
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg",
-          imageAlt: "Team Collaboration",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13087.jpg",          imageAlt: "Brand Identity"},
-          imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13087.jpg",
-          imageAlt: "Brand Identity",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-flowing-cyber-particles_1048-20439.jpg",          imageAlt: "Rapid Growth"},
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-flowing-cyber-particles_1048-20439.jpg",
-          imageAlt: "Rapid Growth",
-        },
       ]}
     />
   </div>
@@ -107,9 +76,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Beyond Social Media."
       description={[
-        "We merge data-driven insights with world-class creative to craft digital identities that resonate.",
+        "We merge data-driven insights with world-class creative to craft digital identities that resonate.",        "Our team specialized in scaling premium brands through strategic storytelling and audience precision."]}
-        "Our team specialized in scaling premium brands through strategic storytelling and audience precision.",
-      ]}
     />
   </div>
 
@@ -120,34 +87,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          label: "Strategy",          title: "Social Strategy",          items: [
-          label: "Strategy",
+            "Audience profiling",            "Competitive intelligence",            "Channel mapping"],
-          title: "Social Strategy",
-          items: [
-            "Audience profiling",
-            "Competitive intelligence",
-            "Channel mapping",
-          ],
         },
         {
-          id: "2",
+          id: "2",          label: "Content",          title: "Content Creation",          items: [
-          label: "Content",
+            "Video production",            "Motion design",            "Brand photography"],
-          title: "Content Creation",
-          items: [
-            "Video production",
-            "Motion design",
-            "Brand photography",
-          ],
         },
         {
-          id: "3",
+          id: "3",          label: "Growth",          title: "Performance Marketing",          items: [
-          label: "Growth",
+            "Ad management",            "Conversion tracking",            "A/B testing"],
-          title: "Performance Marketing",
-          items: [
-            "Ad management",
-            "Conversion tracking",
-            "A/B testing",
-          ],
         },
       ]}
       title="Core Expertise."
@@ -162,26 +111,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "450%",          title: "Engagement Growth",          description: "Average improvement in community interaction.",          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg?_wi=1"},
-          value: "450%",
-          title: "Engagement Growth",
-          description: "Average improvement in community interaction.",
-          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
-        },
         {
-          id: "2",
+          id: "2",          value: "2.1M",          title: "Monthly Reach",          description: "Targeted audience exposure across all channels.",          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg?_wi=2"},
-          value: "2.1M",
-          title: "Monthly Reach",
-          description: "Targeted audience exposure across all channels.",
-          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
-        },
         {
-          id: "3",
+          id: "3",          value: "3x",          title: "Conversion Rate",          description: "Average increase in sales through social ads.",          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg?_wi=3"},
-          value: "3x",
-          title: "Conversion Rate",
-          description: "Average increase in sales through social ads.",
-          imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
-        },
       ]}
       title="The Results."
       description="Data doesn't lie. Here's our impact on partner brands."
@@ -195,59 +129,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice Johnson",          role: "CEO",          company: "TechScale",          rating: 5,
-          name: "Alice Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
-          role: "CEO",
-          company: "TechScale",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark Miller",          role: "CMO",          company: "GrowthLab",          rating: 5,
-          name: "Mark Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"},
-          role: "CMO",
-          company: "GrowthLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah Davis",          role: "Brand Lead",          company: "Elegance",          rating: 5,
-          name: "Sarah Davis",
+          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
-          role: "Brand Lead",
-          company: "Elegance",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Jason Lee",          role: "Creative Director",          company: "Studio",          rating: 5,
-          name: "Jason Lee",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
-          role: "Creative Director",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Emily White",          role: "Head of Marketing",          company: "Innovate",          rating: 5,
-          name: "Emily White",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-unknown-man-posing-yellow-light_23-2149417613.jpg"},
-          role: "Head of Marketing",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-unknown-man-posing-yellow-light_23-2149417613.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "98%",
+          value: "98%",          label: "Retention"},
-          label: "Retention",
-        },
         {
-          value: "5+",
+          value: "5+",          label: "Years Active"},
-          label: "Years Active",
-        },
         {
-          value: "120+",
+          value: "120+",          label: "Projects"},
-          label: "Projects",
-        },
       ]}
       title="Client Partners."
       description="We are proud to partner with industry-leading brands."
@@ -258,8 +161,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated-grid",
+        variant: "rotated-rays-animated-grid"}}
-      }}
       tag="Get In Touch"
       title="Start Your Growth."
       description="Ready to scale your digital footprint? Let's discuss your next phase."
@@ -273,42 +175,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Strategy",
+              label: "Strategy",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Content",
+              label: "Content",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -318,4 +205,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #f5f4f0;
-  --card: #0c0c0c;
+  --card: #ffffff;
-  --foreground: #ffffff;
+  --foreground: #1a1a1a;
-  --primary-cta: #106EFB;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
+  --accent: #8a8a8a;
-  --background-accent: #106EFB;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);