Update src/app/page.tsx

Merge version_13 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
 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 TeamCardOne from '@/components/sections/team/TeamCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
@@ -33,7 +33,7 @@ export default function LandingPage() {
             navItems={[
                 { name: "Home", id: "#hero" },
                 { name: "About", id: "#about" },
-                { name: "Collection", id: "#products" },
+                { name: "Artists", id: "#products" },
                 { name: "Contact", id: "#contact" }
             ]}
             brandName="Sinister Sisters"
@@ -45,13 +45,10 @@ 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" },
-                { videoSrc: "https://videos.b2bpic.net/gothic_candles_v1.mp4", videoAriaLabel: "Gothic sanctuary interior" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424223364-nhjg9dc6.jpg", imageAlt: "Curated gothic skull decor" },
-                { videoSrc: "https://videos.b2bpic.net/skull_candle_v1.mp4", videoAriaLabel: "Curated dark decor" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424235300-ng6cscj9.jpg", imageAlt: "Atmospheric boutique interior" }
-                { videoSrc: "https://videos.b2bpic.net/vintage_objects_v1.mp4", videoAriaLabel: "Atmospheric boutique detail" },
-                { videoSrc: "https://videos.b2bpic.net/shadowy_elegance_v1.mp4", videoAriaLabel: "Shadowy elegance" },
-                { videoSrc: "https://videos.b2bpic.net/marble_bust_v1.mp4", videoAriaLabel: "Antique luxury pieces" }
             ]}
             mediaAnimation="blur-reveal"
             />
@@ -68,8 +65,8 @@ export default function LandingPage() {
                 { title: "Bespoke Decor", description: "Custom artisan pieces exclusive to our shop." },
                 { title: "Atmospheric Curation", description: "A sensory shopping experience like no other." }
             ]}
-            videoSrc="https://videos.b2bpic.net/boutique_interior_v1.mp4"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNTOheG6UvDdEJ2DwnpjfM96IF/uploaded-1780424710023-og4mrmur.jpg"
-            videoAriaLabel="Sinister Sisters boutique interior"
+            imageAlt="Sinister Sisters boutique interior display"
             mediaAnimation="blur-reveal"
             />
         </div>
@@ -79,11 +76,11 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-                { title: "Private Consultations", description: "Personalized aesthetic planning for your space.", buttonIcon: Zap, videoSrc: "https://videos.b2bpic.net/vintage_watch_v1.mp4", videoAriaLabel: "gothic vintage pocket watch decor" },
+                { 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, videoSrc: "https://videos.b2bpic.net/candle_arrangement_v1.mp4", videoAriaLabel: "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-1780425195790-55eb69an.jpg", imageAlt: "seasonal candle arrangement" },
-                { title: "Artisan Partnerships", description: "Supporting local makers of dark luxury art.", buttonIcon: Award, videoSrc: "https://videos.b2bpic.net/skull_candle_v2.mp4", videoAriaLabel: "gothic vintage pocket watch decor" },
+                { 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, videoSrc: "https://videos.b2bpic.net/vintage_objects_v2.mp4", videoAriaLabel: "gothic vintage pocket watch 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, videoSrc: "https://videos.b2bpic.net/boutique_interior_v2.mp4", videoAriaLabel: "gothic vintage pocket watch decor" }
+                { 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" }
             ]}
             title="The Sinister Experience"
             description="More than a shop, we provide an immersive aesthetic journey for the discerning dark decor collector."
@@ -91,20 +88,20 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-            <ProductCardThree
+            <TeamCardOne
+            carouselMode="buttons"
             animationType="slide-up"
             textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
+            gridVariant="four-items-2x2-equal-grid"
             useInvertedBackground={true}
-            products={[
+            members={[
-                { 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: "artist1", name: "Evelyn Thorne", role: "Gothic Sculptor", imageSrc: "https://img.b2bpic.net/free-photo/evelyn-thorne-portrait.jpg?_wi=1", imageAlt: "Portrait of Evelyn Thorne" },
-                { id: "p2", name: "Velvet Raven Cushion", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/garlic-with-twigs-near-frame_23-2147694973.jpg" },
+                { id: "artist2", name: "Victor Blackwood", role: "Mystic Painter", imageSrc: "https://img.b2bpic.net/free-photo/victor-blackwood-portrait.jpg?_wi=1", imageAlt: "Portrait of Victor Blackwood" },
-                { id: "p3", name: "Ornate Bone Frame", price: "$195", imageSrc: "http://img.b2bpic.net/free-vector/rectangular-ornamental-frame-black-background_1115-649.jpg" },
+                { id: "artist3", name: "Morgana Le Fey", role: "Enchanted Jeweler", imageSrc: "https://img.b2bpic.net/free-photo/morgana-le-fey-portrait.jpg?_wi=1", imageAlt: "Portrait of Morgana Le Fey" },
-                { 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: "artist4", name: "Dorian Grey", role: "Curio Crafter", imageSrc: "https://img.b2bpic.net/free-photo/dorian-grey-portrait.jpg?_wi=1", imageAlt: "Portrait of Dorian Grey" }
-                { id: "p5", name: "Obsidian Figurine", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/witch-hand-with-long-nails_23-2147680165.jpg" }
             ]}
-            title="Curated Collections"
+            title="Featured Artists of the Sanctuary"
-            description="Explore our current selection of rare finds and bespoke gothic creations."
+            description="Discover the visionary artisans who imbue our collections with their unique dark luxury aesthetics."
             />
         </div>
 
@@ -115,11 +112,17 @@ export default function LandingPage() {
             useInvertedBackground={false}
             animationType="slide-up"
             testimonials={[
-                { id: "t1", name: "Evelyn Thorne", role: "Collector", company: "Dark Aesthetic", rating: 5, videoSrc: "https://videos.b2bpic.net/woman_projector_v1.mp4", videoAriaLabel: "Evelyn Thorne testimonial video" },
+                { id: "t1", name: "Evelyn Thorne", role: "Collector", company: "Dark Aesthetic", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/evelyn-thorne-portrait.jpg?_wi=2", imageAlt: "Evelyn Thorne portrait" },
-                { id: "t2", name: "Victor Blackwood", role: "Architect", company: "Blackwood Studio", rating: 5, videoSrc: "https://videos.b2bpic.net/goth_student_v1.mp4", videoAriaLabel: "Victor Blackwood testimonial video" },
+                { id: "t2", name: "Victor Blackwood", role: "Architect", company: "Blackwood Studio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/victor-blackwood-portrait.jpg?_wi=2", imageAlt: "Victor Blackwood portrait" },
-                { id: "t3", name: "Morgana Le Fey", role: "Curator", company: "Mystic Arts", rating: 5, videoSrc: "https://videos.b2bpic.net/woman_casual_v1.mp4", videoAriaLabel: "Morgana Le Fey testimonial video" },
+                { id: "t3", name: "Morgana Le Fey", role: "Curator", company: "Mystic Arts", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/morgana-le-fey-portrait.jpg?_wi=2", imageAlt: "Morgana Le Fey portrait" },
-                { id: "t4", name: "Dorian Grey", role: "Designer", company: "Grey Interiors", rating: 5, videoSrc: "https://videos.b2bpic.net/woman_exhausted_v1.mp4", videoAriaLabel: "Dorian Grey testimonial video" },
+                { id: "t4", name: "Dorian Grey", role: "Designer", company: "Grey Interiors", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/dorian-grey-portrait.jpg?_wi=2", imageAlt: "Dorian Grey portrait" },
-                { id: "t5", name: "Lenore Raven", role: "Collector", company: "Shadow Lane", rating: 5, videoSrc: "https://videos.b2bpic.net/man_cane_v1.mp4", videoAriaLabel: "Lenore Raven testimonial video" }
+                { id: "t5", name: "Lenore Raven", role: "Collector", company: "Shadow Lane", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/lenore-raven-portrait.jpg", imageAlt: "Lenore Raven portrait" },
+                { id: "t6", name: "Isabella", role: "Collector", company: "Gothic Haven", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/isabella-portrait.jpg?_wi=2", imageAlt: "Isabella portrait" },
+                { id: "t7", name: "Lord Byron", role: "Connoisseur", company: "Aesthetic House", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/lord-byron-portrait.jpg?_wi=2", imageAlt: "Lord Byron portrait" },
+                { id: "t8", name: "Lilith Blackwood", role: "Enthusiast", company: "Shadow Lane", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/lilith-blackwood-portrait.jpg?_wi=2", imageAlt: "Lilith Blackwood portrait" },
+                { id: "t9", name: "Anya Volkov", role: "Designer", company: "Crimson Veil Interiors", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-portrait-01.jpg?_wi=2", imageAlt: "Anya Volkov portrait" },
+                { id: "t10", name: "Silas Nocturne", role: "Collector", company: "Ancient Whispers", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-01.jpg?_wi=2", imageAlt: "Silas Nocturne portrait" },
+                { id: "t11", name: "Elara Frost", role: "Artist", company: "Shadowbloom Studio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-portrait-02.jpg?_wi=2", imageAlt: "Elara Frost portrait" }
             ]}
             title="Voices from the Shadows"
             description="Discover what our devoted patrons say about their encounters within our sanctuary."
@@ -131,7 +134,7 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             faqs={[
-                { id: "q1", title: "Do you ship items internationally?", content: "Yes, we carefully pack and ship select items worldwide." },
+                { id: "q1", title: "Do you ship items internationally?", content: "We currently do not ship items, largely due to logistical issues. " },
                 { id: "q2", title: "Are your antiques authentic?", content: "Absolutely. Every piece undergoes rigorous verification." },
                 { id: "q3", title: "Can I visit your physical location?", content: "We invite you to step into the sanctuary anytime during our operating hours." },
                 { id: "q4", title: "Do you accept custom commissions?", content: "Our artisans do accept limited, select commissions periodically." },
@@ -148,7 +151,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: "Get Directions", href: "#" }]}
+            buttons={[{ text: "Email Our Curators", href: "#" }] }
             />
         </div>