Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -30,31 +30,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Shop",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Shop", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Gallery of Tints"
-      button={{ text: "Contact Now", href: "#contact" }}
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       logoText="Gallery of Tints"
       description="Curated elegance for the modern woman. Discover timeless dresses crafted with a focus on color, quality, and sophistication."
       buttons={[
-        {
-          text: "Shop New Arrivals",          href: "#products"},
-        {
-          text: "Learn About Us",          href: "#about"},
+        { text: "Shop New Arrivals", href: "#products" },
+        { text: "Learn About Us", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-shiny-long-dress_343629-136.jpg"
       imageAlt="Model wearing luxury dress from Gallery of Tints"
@@ -77,11 +70,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",          title: "Premium Materials",          description: "Ethically sourced fabrics designed for comfort and durability.",          tag: "Quality",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-textured-blue-item_23-2149672986.jpg"},
+          id: "f1", title: "Premium Materials", description: "Ethically sourced fabrics designed for comfort and durability.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-textured-blue-item_23-2149672986.jpg"
+        },
         {
-          id: "f2",          title: "Swift Delivery",          description: "Your new favorite dress shipped with care and speed.",          tag: "Shipping",          imageSrc: "http://img.b2bpic.net/free-photo/set-present-boxes-wraps-with-twigs-tag_23-2147969873.jpg"},
+          id: "f2", title: "Swift Delivery", description: "Your new favorite dress shipped with care and speed.", tag: "Shipping", imageSrc: "http://img.b2bpic.net/free-photo/set-present-boxes-wraps-with-twigs-_23-2147969873.jpg"
+        },
         {
-          id: "f3",          title: "Style Consultation",          description: "Personalized style advice for any occasion.",          tag: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-woman-looking-dress_1170-810.jpg"},
+          id: "f3", title: "Style Consultation", description: "Personalized style advice for any occasion.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-woman-looking-dress_1170-810.jpg"
+        },
       ]}
       title="Designed for Elegance"
       description="Excellence in every stitch."
@@ -95,24 +91,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          brand: "Gallery",          name: "Silk Slip Midi",          price: "$129",          rating: 5,
-          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-out-yellow-scene_23-2148185006.jpg"},
-        {
-          id: "p2",          brand: "Gallery",          name: "Evening Wrap Dress",          price: "$159",          rating: 5,
-          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-model-posing-autumn-clothes_23-2149071348.jpg"},
-        {
-          id: "p3",          brand: "Gallery",          name: "Classic Shift Dress",          price: "$115",          rating: 4,
-          reviewCount: "32",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10969.jpg"},
-        {
-          id: "p4",          brand: "Gallery",          name: "Boho Floral Maxi",          price: "$189",          rating: 5,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184413.jpg"},
-        {
-          id: "p5",          brand: "Gallery",          name: "Minimalist Day Dress",          price: "$99",          rating: 4,
-          reviewCount: "41",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1051.jpg"},
-        {
-          id: "p6",          brand: "Gallery",          name: "Velvet Evening Gown",          price: "$249",          rating: 5,
-          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-white-wedding-dress-hanging-by-door-bride-s-room_181624-20093.jpg"},
+        { id: "p1", brand: "Gallery", name: "Silk Slip Midi", price: "$129", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-out-yellow-scene_23-2148185006.jpg" },
+        { id: "p2", brand: "Gallery", name: "Evening Wrap Dress", price: "$159", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-model-posing-autumn-clothes_23-2149071348.jpg" },
+        { id: "p3", brand: "Gallery", name: "Classic Shift Dress", price: "$115", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-woman-long-white-dress-black-gloves_613910-10969.jpg" },
+        { id: "p4", brand: "Gallery", name: "Boho Floral Maxi", price: "$189", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184413.jpg" },
+        { id: "p5", brand: "Gallery", name: "Minimalist Day Dress", price: "$99", rating: 4, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1051.jpg" },
+        { id: "p6", brand: "Gallery", name: "Velvet Evening Gown", price: "$249", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-white-wedding-dress-hanging-by-door-bride-s-room_181624-20093.jpg" },
       ]}
       title="Shop Our Collection"
       description="Hand-picked dresses for your next special moment."
@@ -120,51 +104,28 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="scale-rotate"
+      <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "Elena R.",          role: "Fashion Stylist",          company: "Studio Luxe",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blue-eyes-young-woman-denim-jacket_613910-10554.jpg"},
-        {
-          id: "2",          name: "Sarah J.",          role: "Creative",          company: "Design Daily",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg"},
-        {
-          id: "3",          name: "Maya K.",          role: "Boutique Owner",          company: "Vogue Trends",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-asian-model_23-2148240012.jpg"},
-        {
-          id: "4",          name: "Chloe T.",          role: "Influencer",          company: "Style Scout",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg"},
-        {
-          id: "5",          name: "Sophie L.",          role: "Editor",          company: "Fashion Mag",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg"},
-      ]}
-      kpiItems={[
-        {
-          value: "1000+",          label: "Happy Clients"},
-        {
-          value: "4.9/5",          label: "Avg Rating"},
-        {
-          value: "50+",          label: "Styles Weekly"},
-      ]}
       title="Loved by Our Community"
       description="Hear what our style enthusiasts have to say."
+      testimonials={[
+        { id: "1", name: "Elena R.", handle: "@elena_style", testimonial: "Absolute perfection in every piece I've bought.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blue-eyes-young-woman-denim-jacket_613910-10554.jpg" },
+        { id: "2", name: "Sarah J.", handle: "@sarah_design", testimonial: "The quality is unmatched, truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg" },
+        { id: "3", name: "Maya K.", handle: "@maya_boutique", testimonial: "Stunning designs that feel timeless.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-asian-model_23-2148240012.jpg" }
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "How long is shipping?",          content: "Most orders are processed within 24 hours and shipped via express courier."},
-        {
-          id: "q2",          title: "What is your return policy?",          content: "We offer a 30-day return policy for unworn items with tags attached."},
-        {
-          id: "q3",          title: "Do you ship internationally?",          content: "Yes, we ship globally using DHL and FedEx for reliable international delivery."},
+        { id: "q1", title: "How long is shipping?", content: "Most orders are processed within 24 hours and shipped via express courier." },
+        { id: "q2", title: "What is your return policy?", content: "We offer a 30-day return policy for unworn items with tags attached." },
+        { id: "q3", title: "Do you ship internationally?", content: "Yes, we ship globally using DHL and FedEx for reliable international delivery." },
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common questions about your shopping experience."
@@ -173,63 +134,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Get in Touch"
-      description="Have questions about a style or size? Send us a message."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?",        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861918.jpg"
+      <ContactText
+      text="Ready to elevate your style? Contact us for personalized recommendations."
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterSimple
       columns={[
-        {
-          title: "Shop",          items: [
-            {
-              label: "New Arrivals",              href: "#products"},
-            {
-              label: "Bestsellers",              href: "#products"},
-            {
-              label: "Sales",              href: "#products"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Shipping Info",              href: "#"},
-            {
-              label: "Contact Us",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Instagram",              href: "https://www.instagram.com/galleryoftints"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
+          { title: "Gallery of Tints", items: [{ label: "About" }, { label: "Shop" }] },
+          { title: "Support", items: [{ label: "FAQ" }, { label: "Contact" }] }
       ]}
-      logoText="Gallery of Tints"
+      bottomLeftText="© 2025 Gallery of Tints"
+      bottomRightText="Privacy Policy"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #dfff1c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #8b9a1b;
+  --background-accent: #5d6b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);