Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Zap, Sparkles, Award, Shield, Frame, Upload } from "lucide-react";
+import { Zap, Sparkles, Award, Shield, Frame } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import TextBox from '@/components/Textbox';
 
 export default function LandingPage() {
   return (
@@ -46,8 +45,7 @@ export default function LandingPage() {
             background={{ variant: "radial-gradient" }}
             title="Where Darkness Becomes Luxury"
             description="Step into an atmospheric sanctuary of rare antiques, bespoke decor, and curated mystique. Sinister Sisters is where the beautifully dark come to belong."
-            buttons={[{ text: "Enter the Sanctuary", href: "#about" }]}
+            buttons={[{ text: "Enter the Sanctuary", href: "#about" }]} mediaItems={[
-            mediaItems={[
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424204630-eogc74ad.jpg", imageAlt: "Gothic candle arrangement" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424223364-nhjg9dc6.jpg", imageAlt: "Curated gothic skull decor" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424235300-ng6cscj9.jpg", imageAlt: "Atmospheric boutique interior" }
@@ -73,26 +71,13 @@ export default function LandingPage() {
             />
         </div>
 
-        <div id="bulk-upload" data-section="bulk-upload">
-            <TextBox 
-                title="Bulk Photo Upload"
-                description="Easily contribute to our aesthetic archives by dragging and dropping your gothic photography for consideration in our collections."
-                textboxLayout="split-actions"
-                tag="Uploads"
-                tagIcon={Upload}
-                center={true}
-                buttons={[{ text: "Select Files", onClick: () => alert("File picker opened") }]}
-                className="py-16"
-            />
-        </div>
-
         <div id="features" data-section="features">
             <FeatureCardTwentySix
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
                 { title: "Private Consultations", description: "Personalized aesthetic planning for your space.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424745342-zl4mp9tg.jpg", imageAlt: "gothic vintage pocket watch decor" },
-                { title: "Seasonal Collections", description: "Changing displays to match the shifting seasons.", buttonIcon: Sparkles, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424778658-8dnyk41i.jpg", imageAlt: "seasonal candle arrangement" },
+                { title: "Seasonal Collections", description: "Changing displays to match the shifting seasons.", buttonIcon: Sparkles, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780425195790-55eb69an.jpg", imageAlt: "seasonal candle arrangement" },
                 { title: "Artisan Partnerships", description: "Supporting local makers of dark luxury art.", buttonIcon: Award, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424812840-cxq758vl.jpg", imageAlt: "artisan skull decor" },
                 { title: "Global Sourcing", description: "Finding the rare and unusual worldwide.", buttonIcon: Shield, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424835317-2cqvza83.jpg", imageAlt: "global antique sourcing" },
                 { title: "Bespoke Framing", description: "Custom-fitted ornate frames for your dark collection.", buttonIcon: Frame, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424882151-c2fq7t14.jpg", imageAlt: "bespoke ornate framing" }
@@ -103,17 +88,18 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-            <ProductCardThree
+            <ProductCardTwo
+            carouselMode="buttons"
             animationType="slide-up"
             textboxLayout="default"
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={true}
             products={[
-                { id: "p1", name: "Victorian Candlestick", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/vintage-chandelier-two-positions-white-background-studio-photo-vintage-retro-old-fashioned-style-candle-holder_482257-33029.jpg" },
+                { id: "p1", brand: "Sinister Sisters", name: "Victorian Candlestick", price: "$120.00", rating: 5, reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/vintage-chandelier-two-positions-white-background-studio-photo-vintage-retro-old-fashioned-style-candle-holder_482257-33029.jpg", imageAlt: "Victorian Candlestick" },
-                { id: "p2", name: "Velvet Raven Cushion", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/garlic-with-twigs-near-frame_23-2147694973.jpg" },
+                { id: "p2", brand: "Sinister Sisters", name: "Velvet Raven Cushion", price: "$45.00", rating: 5, reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-photo/garlic-with-twigs-near-frame_23-2147694973.jpg", imageAlt: "Velvet Raven Cushion" },
-                { id: "p3", name: "Ornate Bone Frame", price: "$195", imageSrc: "http://img.b2-bpic.net/free-vector/rectangular-ornamental-frame-black-background_1115-649.jpg" },
+                { id: "p3", brand: "Sinister Sisters", name: "Ornate Bone Frame", price: "$80.00", rating: 5, reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-vector/rectangular-ornamental-frame-black-background_1115-649.jpg", imageAlt: "Ornate Bone Frame" },
-                { id: "p4", name: "Glazed Crypt Jar", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/vintage-antique-ancient-kettle-marble-background_114579-46793.jpg" },
+                { id: "p4", brand: "Sinister Sisters", name: "Glazed Crypt Jar", price: "$60.00", rating: 5, reviewCount: "7 reviews", imageSrc: "http://img.b2bpic.net/free-photo/vintage-antique-ancient-kettle-marble-background_114579-46793.jpg", imageAlt: "Glazed Crypt Jar" },
-                { id: "p5", name: "Obsidian Figurine", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/witch-hand-with-long-nails_23-2147680165.jpg" }
+                { id: "p5", brand: "Sinister Sisters", name: "Obsidian Figurine", price: "$95.00", rating: 5, reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/witch-hand-with-long-nails_23-2147680165.jpg", imageAlt: "Obsidian Figurine" }
             ]}
             title="Curated Collections"
             description="Explore our current selection of rare finds and bespoke gothic creations. Shop our curated dark decor pieces to find your next statement piece."
@@ -160,7 +146,7 @@ export default function LandingPage() {
             useInvertedBackground={false}
             background={{ variant: "gradient-bars" }}
             text="The sanctuary awaits. Visit us or reach out for inquiries about our current collections and bespoke services."
-            buttons={[{ text: "Email Our Curators", href: "#" }]}
+            buttons={[{ text: "Email Our Curators", href: "#" }]} 
             />
         </div>
 
@@ -177,4 +163,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}