Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactText from '@/components/sections/contact/ContactText';
 
 export default function LandingPage() {
   return (
@@ -30,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="LUXE"
     />
@@ -53,61 +46,41 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Defining Premium Innovation"
       description="Experience excellence in every digital interaction with our high-end solutions."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038581.jpg",
+          src: "http://img.b2bpic.net/free-photo/abstract-combination-facial-features_23-2150038581.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/abstract-painting-background_23-2151896341.jpg",
+          src: "http://img.b2bpic.net/free-photo/abstract-painting-background_23-2151896341.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17436.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17436.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17808.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17808.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/rag-dolls-gray-one-blue-front_1156-684.jpg",
+          src: "http://img.b2bpic.net/free-photo/rag-dolls-gray-one-blue-front_1156-684.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       avatarText="Trusted by 500+ leaders worldwide"
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#pricing"},
-          href: "#pricing",
+        {
-        },
+          text: "Chat with us",          href: "https://wa.me/1234567890"
+        }
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Forbes 500 Trusted"},
-          text: "Forbes 500 Trusted",
-        },
         {
-          type: "text",
+          type: "text",          text: "Award-Winning UI/UX"},
-          text: "Award-Winning UI/UX",
-        },
         {
-          type: "text",
+          type: "text",          text: "24/7 Global Support"},
-          text: "24/7 Global Support",
-        },
         {
-          type: "text",
+          type: "text",          text: "99.9% Uptime SLA"},
-          text: "99.9% Uptime SLA",
-        },
         {
-          type: "text",
+          type: "text",          text: "Advanced AI Security"},
-          text: "Advanced AI Security",
-        },
       ]}
     />
   </div>
@@ -117,14 +90,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Crafting Future-Proof Digital Experiences"
       description={[
-        "Our philosophy is rooted in the intersection of design, technology, and strategic thinking.",
+        "Our philosophy is rooted in the intersection of design, technology, and strategic thinking.",        "We build digital ecosystems that are not just functional, but transformative."]}
-        "We build digital ecosystems that are not just functional, but transformative.",
-      ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#features"},
-          href: "#features",
-        },
       ]}
     />
   </div>
@@ -136,23 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Advanced Analytics",
+          title: "Advanced Analytics",          description: "Harness the power of data with our advanced AI-driven analytical engine.",          imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399282.jpg",          imageAlt: "Feature 1"},
-          description: "Harness the power of data with our advanced AI-driven analytical engine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399282.jpg",
-          imageAlt: "Feature 1",
-        },
         {
-          title: "Secure Cloud",
+          title: "Secure Cloud",          description: "Enterprise-grade cloud security built into the very core of your operations.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg",          imageAlt: "Feature 2"},
-          description: "Enterprise-grade cloud security built into the very core of your operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg",
-          imageAlt: "Feature 2",
-        },
         {
-          title: "Seamless Integration",
+          title: "Seamless Integration",          description: "Effortlessly connect our platform with your existing tech stack in seconds.",          imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg",          imageAlt: "Feature 3"},
-          description: "Effortlessly connect our platform with your existing tech stack in seconds.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg",
-          imageAlt: "Feature 3",
-        },
       ]}
       title="Core Capabilities"
       description="Advanced tools for the modern enterprise, designed for scalability and peak performance."
@@ -166,52 +123,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Essential",          price: "$99",          period: "/mo",          description: "Perfect for scaling businesses and startups.",          button: {
-          tag: "Essential",
+            text: "Get Started"},
-          price: "$99",
+          featuresTitle: "Included features:",          features: [
-          period: "/mo",
+            "10 active projects",            "24/7 Priority Support",            "Advanced Analytics"],
-          description: "Perfect for scaling businesses and startups.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included features:",
-          features: [
-            "10 active projects",
-            "24/7 Priority Support",
-            "Advanced Analytics",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "Elite",          price: "$299",          period: "/mo",          description: "The ultimate solution for large-scale operations.",          button: {
-          tag: "Elite",
+            text: "Go Elite"},
-          price: "$299",
+          featuresTitle: "All basic features, plus:",          features: [
-          period: "/mo",
+            "Unlimited projects",            "Custom integrations",            "Dedicated account manager"],
-          description: "The ultimate solution for large-scale operations.",
-          button: {
-            text: "Go Elite",
-          },
-          featuresTitle: "All basic features, plus:",
-          features: [
-            "Unlimited projects",
-            "Custom integrations",
-            "Dedicated account manager",
-          ],
         },
         {
-          id: "enterprise",
+          id: "enterprise",          tag: "Scale",          price: "Custom",          period: "/mo",          description: "Comprehensive solutions for global enterprises.",          button: {
-          tag: "Scale",
+            text: "Contact Sales"},
-          price: "Custom",
+          featuresTitle: "Everything in Elite, plus:",          features: [
-          period: "/mo",
+            "Global compliance",            "Custom security",            "SLA support"],
-          description: "Comprehensive solutions for global enterprises.",
-          button: {
-            text: "Contact Sales",
-          },
-          featuresTitle: "Everything in Elite, plus:",
-          features: [
-            "Global compliance",
-            "Custom security",
-            "SLA support",
-          ],
         },
       ]}
       title="Select Your Tier"
@@ -219,6 +146,14 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="cta-banner" data-section="cta-banner">
+      <ContactText 
+        text="Ready to take your business to the next level? Book your strategy session today."
+        background={{ variant: "sparkles-gradient" }}
+        useInvertedBackground={false}
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
       animationType="slide-up"
@@ -226,40 +161,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Jenkins",          handle: "@sarahj",          testimonial: "The best platform we have ever integrated into our workflow. Absolutely seamless.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg"},
-          name: "Sarah Jenkins",
-          handle: "@sarahj",
-          testimonial: "The best platform we have ever integrated into our workflow. Absolutely seamless.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Marcus Chen",          handle: "@mchen",          testimonial: "Premium quality at every level. The support team is incredibly responsive and skilled.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg"},
-          name: "Marcus Chen",
-          handle: "@mchen",
-          testimonial: "Premium quality at every level. The support team is incredibly responsive and skilled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-employee_1098-4075.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena Rodriguez",          handle: "@erod",          testimonial: "Transformed our operations in just a month. An indispensable asset to our company.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108765.jpg"},
-          name: "Elena Rodriguez",
-          handle: "@erod",
-          testimonial: "Transformed our operations in just a month. An indispensable asset to our company.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108765.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "Unparalleled performance and intuitive design. Everything just works as intended.",          imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"},
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Unparalleled performance and intuitive design. Everything just works as intended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Nina Patel",          handle: "@npatel",          testimonial: "Sophisticated tools that empower our team to achieve more every single day.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-man-sitting-stairs_23-2148230848.jpg"},
-          name: "Nina Patel",
-          handle: "@npatel",
-          testimonial: "Sophisticated tools that empower our team to achieve more every single day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-man-sitting-stairs_23-2148230848.jpg",
-        },
       ]}
       title="Voices of Success"
       description="Hear what the world's most influential companies say about us."
@@ -270,11 +180,10 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Consultation"
       title="Let's Shape Your Future"
-      description="Get in touch for a premium consultation or custom software proposal."
+      description="Get in touch for a premium consultation or custom software proposal. Reach out on WhatsApp for instant support."
       imageSrc="http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-dark-jacket-black-trousers-looking-distance-hall-waiting-daytime-building-job-activity_140725-15228.jpg"
       mediaAnimation="slide-up"
       mediaPosition="right"
@@ -286,42 +195,27 @@ export default function LandingPage() {
       logoText="LUXE"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Blog",
+              label: "WhatsApp Support",              href: "https://wa.me/1234567890"},
-              href: "#",
-            },
             {
-              label: "Support",
+              label: "Help Center",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -330,4 +224,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-playfair), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-playfair), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fbf8f5;
-  --card: #dad6cd;
+  --card: #fdfaf7;
-  --foreground: #2a2928;
+  --foreground: #4a4440;
-  --primary-cta: #2a2928;
+  --primary-cta: #d4af37;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f8c8dc;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #f5e6e8;
-  --background-accent: #c6b180;
+  --background-accent: #efe4d8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);