Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
@@ -20,10 +20,10 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="medium"
         background="blurBottom"
-        cardStyle="subtle-shadow"
+        cardStyle="solid"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -45,7 +45,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars"}}
+        variant: "plain"}}
       title="Elevate Your Style"
       description="Discover timeless apparel crafted for the modern individual. Quality, comfort, and unmatched style in every stitch."
       testimonials={[
@@ -186,40 +186,34 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
+      tag="Contact Us"
+      title="Questions? Get in touch"
+      description="Our customer support team is available to assist you with any inquiries regarding orders, sizing, or general fashion advice."
+      buttons={[
+        { text: "Contact Support", href: "#" }
+      ]}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Stay Updated"
-      title="Join Our Fashion List"
-      description="Sign up to get the latest arrivals, exclusive offers, and styling tips directly in your inbox."
-      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-sportive-couple-meditating-practicing-yoga-asanas-home_176420-14840.jpg"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
-      imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg"
+      logoText="MODA"
       columns={[
         {
-          title: "Store",          items: [
+          items: [
-            {
+            { label: "About Us", href: "#" },
-              label: "About Us",              href: "#"},
+            { label: "Catalog", href: "#catalog" },
-            {
+            { label: "FAQ", href: "#" },
-              label: "Catalog",              href: "#catalog"},
-            {
-              label: "FAQ",              href: "#"},
           ],
         },
         {
-          title: "Support",          items: [
+          items: [
-            {
+            { label: "Shipping", href: "#" },
-              label: "Shipping",              href: "#"},
+            { label: "Returns", href: "#" },
-            {
+            { label: "Contact Support", href: "#contact" },
-              label: "Returns",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
+  --background: #ffffff;
-  --card: #152840;
+  --card: #f3f3f3;
-  --foreground: #e6f0ff;
+  --foreground: #111111;
-  --primary-cta: #cee7ff;
+  --primary-cta: #232f3e;
   --primary-cta-text: #010912;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffff;
-  --accent: #3f5c79;
+  --accent: #febd69;
-  --background-accent: #004a93;
+  --background-accent: #e7ecf2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);