Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -112,7 +112,7 @@ export default function LandingPage() {
         {
           id: "p1",          name: "Midnight Bloom",          price: "$125",          variant: "Floral",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-advertising-with-product_23-2149511279.jpg",          imageAlt: "Midnight Bloom perfume"},
         {
-          id: "p2",          name: "Amber Sands",          price: "$145",          variant: "Oud",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg",          imageAlt: "Amber Sands perfume"},
+          id: "p2",          name: "Amber Sands",          price: "$145",          variant: "Oud",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg?_wi=1",          imageAlt: "Amber Sands perfume"},
         {
           id: "p3",          name: "Azure Drift",          price: "$110",          variant: "Citrus",          imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-spray-bottle-aromatic-beauty-product_53876-134405.jpg",          imageAlt: "Azure Drift perfume"},
         {
@@ -123,45 +123,53 @@ export default function LandingPage() {
           id: "p6",          name: "Silver Mist",          price: "$120",          variant: "Musk",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-minimalist-vase-curtain_23-2149681146.jpg",          imageAlt: "Silver Mist perfume"},
       ]}
       title="Signature Collection"
-      description="Find your new signature scent."
+      description="Discover the art of scent with our curated perfume showcase."
+      tag="Perfume Showcase"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardSixteen
       useInvertedBackground={false}
-      testimonial="Zavana isn't just a perfume, it's a signature experience. I've never felt so confident wearing a scent."
+      animationType="blur-reveal"
-      rating={5}
+      textboxLayout="split"
-      author="Isabella H."
+      title="What Our Customers Say"
-      avatars={[
+      description="Hear from our community of scent enthusiasts."
-        {
+      kpiItems={[
-          src: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg",          alt: "User 1"},
+        { value: "500+", label: "Happy Clients" },
-        {
+        { value: "4.9/5", label: "Average Rating" },
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406007.jpg",          alt: "User 2"},
+        { value: "100%", label: "Genuine Reviews" }
-        {
+      ]}
-          src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg",          alt: "User 3"},
+      testimonials={[
-        {
+        {
-          src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",          alt: "User 4"},
+          id: "t1",          name: "Isabella H.",          role: "Connoisseur",          company: "Fragrance Daily",          rating: 5,
-        {
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg"
-          src: "http://img.b2bpic.net/free-photo/side-view-plus-sized-man-taking-care-plants_23-2150172416.jpg",          alt: "User 5"},
+        },
+        {
+          id: "t2",          name: "Marcus Thorne",          role: "Collector",          company: "Luxury Monthly",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406007.jpg"
+        },
+        {
+          id: "t3",          name: "Sarah Jenkins",          role: "Blogger",          company: "Scent Styles",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg"
+        }
       ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      title="Get in Touch"
-        variant: "plain"}}
+      description="Let us help you find the perfect fragrance for your personal collection."
-      tag="Inquire"
+      inputs={[
-      title="Experience Zavana"
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-      description="Have questions about our collection or private consultations? Reach out to our concierge team."
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:concierge@zavana.com"},
       ]}
+      textarea={{ name: "message", placeholder: "How can we assist you?", required: true }}
+      buttonText="Submit Inquiry"
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg?_wi=2"
+      imageAlt="Contact Us"
     />
   </div>
 
@@ -199,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fcf6ec;
-  --card: #dad6cd;
+  --card: #f3ede2;
-  --foreground: #2a2928;
+  --foreground: #2e2521;
-  --primary-cta: #2a2928;
+  --primary-cta: #2e2521;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #fcf6ec;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #b2a28b;
-  --background-accent: #c6b180;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);