From bd4e42f7153b20c03910a2f81b0da6d23788d6a8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 24 May 2026 20:52:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 238 ++++++++++-------------------------------------
 1 file changed, 51 insertions(+), 187 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5204b22..a0af82d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Award, CheckCircle, Facebook, Instagram, Sparkles } from "lucide-react";
+import { Facebook, Instagram } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Shop", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Spicy Gals"
     />
@@ -55,17 +43,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Spicy Fashion, Premium Quality, Always On Trend"
       description="Discover the latest womens styles at Spicy Gals. Shop online or visit us at Nehru Nagar, Bhilai—where bold fashion meets everyday elegance."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Shop Now", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/pretty-brunette-girl-swimsuit-covering-face-with-straw-hat-playfully-looking-camera-beach-bed-with-transparent-curtains_574295-2281.jpg"
       imageAlt="Spicy Gals Fashion Showcase"
     />
@@ -75,12 +56,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Bhilai’s Premier Destination for Trendy Fashion"
-      buttons={[
-        {
-          text: "Visit Store",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Visit Store", href: "#contact" }]}
     />
   </div>
 
@@ -90,27 +66,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Exclusive Designs",
-          subtitle: "Unique pieces you won't find anywhere else in Bhilai.",
-          category: "Curated",
-          value: "1",
-        },
-        {
-          id: "f2",
-          title: "Premium Quality",
-          subtitle: "High-end fabrics that feel as good as they look.",
-          category: "Quality",
-          value: "2",
-        },
-        {
-          id: "f3",
-          title: "Trendy Arrivals",
-          subtitle: "Fresh collections updated weekly to keep your style fresh.",
-          category: "Style",
-          value: "3",
-        },
+        { id: "f1", title: "Exclusive Designs", subtitle: "Unique pieces you won't find anywhere else in Bhilai.", category: "Curated", value: "1" },
+        { id: "f2", title: "Premium Quality", subtitle: "High-end fabrics that feel as good as they look.", category: "Quality", value: "2" },
+        { id: "f3", title: "Trendy Arrivals", subtitle: "Fresh collections updated weekly to keep your style fresh.", category: "Style", value: "3" },
       ]}
       title="Why Spicy Gals?"
       description="Fashion that fits your vibe and your life."
@@ -124,42 +82,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Casual Chic Top",
-          price: "₹899",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-green-studio-background_285396-10817.jpg",
-        },
-        {
-          id: "p2",
-          name: "Premium Cotton Dress",
-          price: "₹1599",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-long-grey-dress_613910-7108.jpg",
-        },
-        {
-          id: "p3",
-          name: "Everyday Elegance Set",
-          price: "₹1299",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg",
-        },
-        {
-          id: "p4",
-          name: "Modern Workwear Blouse",
-          price: "₹999",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-elegant-pensive-girl-wearing-trendy-warm-outfit-raising-leg-up-looking-away-while-leaning-street-lantern-cold-winter-weather_8353-12631.jpg",
-        },
-        {
-          id: "p5",
-          name: "Trendsetter Skirt",
-          price: "₹1199",
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-lady-with-pink-sunglasses-posing-outside-shorthaired-girl-beige-jacket-jeans-tshirt-looking-into-camera-white-background_197531-29363.jpg",
-        },
-        {
-          id: "p6",
-          name: "Boho Evening Wrap",
-          price: "₹1799",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-looking-new-military-shirt_627829-1676.jpg",
-        },
+        { id: "p1", name: "Casual Chic Top", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-green-studio-background_285396-10817.jpg" },
+        { id: "p2", name: "Premium Cotton Dress", price: "₹1599", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-long-grey-dress_613910-7108.jpg" },
+        { id: "p3", name: "Everyday Elegance Set", price: "₹1299", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg" },
+        { id: "p4", name: "Modern Workwear Blouse", price: "₹999", imageSrc: "http://img.b2bpic.net/free-photo/side-view-elegant-pensive-girl-wearing-trendy-warm-outfit-raising-leg-up-looking-away-while-leaning-street-lantern-cold-winter-weather_8353-12631.jpg" },
+        { id: "p5", name: "Trendsetter Skirt", price: "₹1199", imageSrc: "http://img.b2bpic.net/free-photo/trendy-lady-with-pink-sunglasses-posing-outside-shorthaired-girl-beige-jacket-jeans-tshirt-looking-into-camera-white-background_197531-29363.jpg" },
+        { id: "p6", name: "Boho Evening Wrap", price: "₹1799", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-looking-new-military-shirt_627829-1676.jpg" },
       ]}
       title="Latest Collections"
       description="Explore our curated picks for the season."
@@ -167,126 +95,62 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Happy Customers",
-          value: "5000+",
-          icon: Sparkles,
-        },
-        {
-          id: "m2",
-          title: "Styles Curated",
-          value: "200+",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          title: "Years in Style",
-          value: "5",
-          icon: Award,
-        },
-      ]}
+      <MetricCardFourteen
       title="Our Community"
-      description="Growing fashionably in Bhilai."
+      tag="Stats"
+      metrics={[
+        { id: "m1", value: "5000+", description: "Happy Customers" },
+        { id: "m2", value: "200+", description: "Styles Curated" },
+        { id: "m3", value: "5", description: "Years in Style" },
+      ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardThirteen
+      title="What Our Gals Say"
+      textboxLayout="default"
       useInvertedBackground={true}
+      showRating={true}
+      animationType="slide-up"
       testimonials={[
-        {
-          id: "1",
-          name: "Priya S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",
-        },
-        {
-          id: "2",
-          name: "Ananya K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sexy-modern-businesswoman-model-hot-beautiful-woman-white-suit-posing-street-background-fashion-female-walking-outdoors-sunglasses_158538-20202.jpg",
-        },
-        {
-          id: "3",
-          name: "Riya M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-buying-clothes-apparel-store_23-2148101715.jpg",
-        },
-        {
-          id: "4",
-          name: "Sneha P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg",
-        },
-        {
-          id: "5",
-          name: "Divya R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-trying-out-new-clothes_23-2148660714.jpg",
-        },
+        { id: "1", name: "Priya S.", handle: "@priyas", testimonial: "Love the trendy collection!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg" },
+        { id: "2", name: "Ananya K.", handle: "@ananyak", testimonial: "Quality is top-notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sexy-modern-businesswoman-model-hot-beautiful-woman-white-suit-posing-street-background-fashion-female-walking-outdoors-sunglasses_158538-20202.jpg" },
       ]}
-      cardTitle="What Our Gals Say"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqSplitMedia
       faqs={[
-        {
-          id: "q1",
-          title: "Where is the store located?",
-          content: "We are located in Nehru Nagar, Bhilai. Visit us for a personalized shopping experience!",
-        },
-        {
-          id: "q2",
-          title: "Can I shop online?",
-          content: "Yes! You can browse our collection here and place your order online.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer returns?",
-          content: "We offer easy returns within 7 days of purchase for unused items.",
-        },
+        { id: "q1", title: "Where is the store located?", content: "We are located in Nehru Nagar, Bhilai." },
+        { id: "q2", title: "Can I shop online?", content: "Yes, browse and order online." },
+        { id: "q3", title: "Do you offer returns?", content: "Easy returns within 7 days." },
       ]}
-      sideTitle="Shopping with Spicy Gals"
+      title="Shopping with Spicy Gals"
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      <ContactCTA
       tag="Contact"
       title="Visit Us Today"
       description="Swing by Nehru Nagar and experience the latest trends firsthand."
-      imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26763.jpg"
-      mediaAnimation="slide-up"
+      buttons={[{ text: "Visit Us", href: "#" }]}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="Spicy Gals"
-      copyrightText="© 2025 Spicy Gals | Retail"
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
+      leftLink={{ text: "Privacy", href: "#" }}
+      rightLink={{ text: "Terms", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1