Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="MF Agency Lab"
     />
@@ -52,63 +40,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Creative Content & Digital Growth"
       description="We scale your brand through professional content production, custom web development, and strategic marketing management."
-      buttons={[
+      buttons={[{ text: "Start Project", href: "#contact" }]}
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-female-business-executives-working-together_1170-775.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ global brands"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Content Strategy",
-        },
-        {
-          type: "text",
-          text: "Brand Development",
-        },
-        {
-          type: "text",
-          text: "UI/UX Design",
-        },
-        {
-          type: "text",
-          text: "Social Media",
-        },
-        {
-          type: "text",
-          text: "Performance Marketing",
-        },
-      ]}
     />
   </div>
 
@@ -132,64 +68,23 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          tag: "Production",
+          tag: "Production",          title: "Content Production",          subtitle: "On-site creative production",          description: "Professional video and photography services delivered directly at your client premises.",          imageSrc: "http://img.b2bpic.net/free-photo/customer-support-colleagues-assisting-clients-needing-help-resetting-password_482257-117967.jpg"},
-          title: "Content Production",
-          subtitle: "On-site creative production",
-          description: "Professional video and photography services delivered directly at your client premises.",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-support-colleagues-assisting-clients-needing-help-resetting-password_482257-117967.jpg",
-        },
         {
           id: 2,
-          tag: "Development",
+          tag: "Development",          title: "Website Management",          subtitle: "Creation and maintenance",          description: "Full-stack website development, ongoing management, and technical support.",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg"},
-          title: "Web Solutions",
-          subtitle: "Creation and management",
-          description: "Full-stack website development, ongoing management, and technical support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg",
-        },
         {
           id: 3,
-          tag: "Marketing",
+          tag: "Marketing",          title: "Marketing Management",          subtitle: "Growth Strategy",          description: "Comprehensive marketing management to scale reach and drive conversions.",          imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg"},
-          title: "Growth Strategy",
-          subtitle: "Marketing management",
-          description: "Comprehensive marketing management to scale reach and drive conversions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg",
-        },
       ]}
-      title="Our Full Services"
+      title="Our Services"
-      description="Everything your brand needs to succeed digitally."
+      description="Tailored solutions for your digital growth."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={true}
-      testimonials={[
+      testimonials={[]}
-        {
-          id: "1",
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "James Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Marcus Wright",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Lisa Wang",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=5",
-        },
-      ]}
       cardTitle="What Clients Say"
       cardTag="Testimonials"
       cardAnimation="slide-up"
@@ -199,9 +94,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Get in touch"
       title="Ready to scale your brand?"
       description="Contact MF Agency Lab to discuss your project."
@@ -214,44 +107,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="MF Agency Lab"
       columns={[
-        {
+        { title: "Services", items: [{ label: "Content Production", href: "#services" }, { label: "Website Management", href: "#services" }, { label: "Marketing Management", href: "#services" }] },
-          title: "Services",
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
-          items: [
-            {
-              label: "Content Production",
-              href: "#services",
-            },
-            {
-              label: "Website Creation",
-              href: "#services",
-            },
-            {
-              label: "Marketing Management",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fff0d3;
-  --card: #f9f9f9;
+  --card: #fdf7e8;
-  --foreground: #1a1a1a;
+  --foreground: #2e3a23;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #2e3a23;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fff0d3;
   --secondary-cta-text: #1a1a1a;
-  --accent: #15479c;
+  --accent: #2e3a23;
-  --background-accent: #e2e2e2;
+  --background-accent: #f3e1bf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);