bender/e54da1e5-ccf9-48fd-a191-1fb14f1d4c6a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-23 21:58:10 +00:00
parent 29c5e191c8
commit 04d9fef39d
1 changed files with 134 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/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';
@@ -18,27 +19,22 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Collection",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Collection", id: "#products" },
{ name: "Contact", id: "#contact" }
]}
brandName="Sinister Sisters"
/>
@@ -46,38 +42,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
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={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-long-candles-dark-wall_179666-39563.jpg?_wi=1",
imageAlt: "Gothic sanctuary interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg?_wi=1",
imageAlt: "Curated dark decor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348594.jpg?_wi=1",
imageAlt: "Atmospheric boutique detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8831.jpg",
imageAlt: "Shadowy elegance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg",
imageAlt: "Antique luxury pieces",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-long-candles-dark-wall_179666-39563.jpg", imageAlt: "Gothic sanctuary interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg", imageAlt: "Curated dark decor" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348594.jpg", imageAlt: "Atmospheric boutique detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8831.jpg", imageAlt: "Shadowy elegance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg", imageAlt: "Antique luxury pieces" }
]}
mediaAnimation="blur-reveal"
/>
@@ -90,20 +64,11 @@ export default function LandingPage() {
title="A Sanctuary of Curated Mystique"
description="We believe darkness is not an absence of light, but a presence of depth. Sinister Sisters offers a hand-picked collection of antiques and bespoke items for those who find beauty in the shadows and seek soul in their surroundings."
bulletPoints={[
{
title: "Rare Antiques",
description: "Authentic pieces sourced for history and character.",
},
{
title: "Bespoke Decor",
description: "Custom artisan pieces exclusive to our shop.",
},
{
title: "Atmospheric Curation",
description: "A sensory shopping experience like no other.",
},
{ title: "Rare Antiques", description: "Authentic pieces sourced for history and character." },
{ title: "Bespoke Decor", description: "Custom artisan pieces exclusive to our shop." },
{ title: "Atmospheric Curation", description: "A sensory shopping experience like no other." }
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-keeps-chair-leans-wall-with-paintings-cafe_8353-9341.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/girl-keeps-chair-leans-wall-with-paintings-cafe_8353-9341.jpg"
imageAlt="Sinister Sisters boutique interior"
mediaAnimation="blur-reveal"
/>
@@ -114,41 +79,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Private Consultations",
description: "Personalized aesthetic planning for your space.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-arrangement_23-2150348544.jpg",
imageAlt: "gothic vintage pocket watch decor",
},
{
title: "Seasonal Collections",
description: "Changing displays to match the shifting seasons.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-long-candles-dark-wall_179666-39563.jpg?_wi=2",
imageAlt: "gothic vintage pocket watch decor",
},
{
title: "Artisan Partnerships",
description: "Supporting local makers of dark luxury art.",
buttonIcon: "Award",
imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg?_wi=2",
imageAlt: "gothic vintage pocket watch decor",
},
{
title: "Global Sourcing",
description: "Finding the rare and unusual worldwide.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348594.jpg?_wi=2",
imageAlt: "gothic vintage pocket watch decor",
},
{
title: "Bespoke Framing",
description: "Custom-fitted ornate frames for your dark collection.",
buttonIcon: "Frame",
imageSrc: "http://img.b2bpic.net/free-photo/girl-keeps-chair-leans-wall-with-paintings-cafe_8353-9341.jpg?_wi=2",
imageAlt: "gothic vintage pocket watch decor",
},
{ title: "Private Consultations", description: "Personalized aesthetic planning for your space.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-arrangement_23-2150348544.jpg", imageAlt: "gothic vintage pocket watch decor" },
{ title: "Seasonal Collections", description: "Changing displays to match the shifting seasons.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-long-candles-dark-wall_179666-39563.jpg", imageAlt: "gothic vintage pocket watch decor" },
{ title: "Artisan Partnerships", description: "Supporting local makers of dark luxury art.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg", imageAlt: "gothic vintage pocket watch decor" },
{ title: "Global Sourcing", description: "Finding the rare and unusual worldwide.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348594.jpg", imageAlt: "gothic vintage pocket watch decor" },
{ title: "Bespoke Framing", description: "Custom-fitted ornate frames for your dark collection.", buttonIcon: Frame, imageSrc: "http://img.b2bpic.net/free-photo/girl-keeps-chair-leans-wall-with-paintings-cafe_8353-9341.jpg", imageAlt: "gothic vintage pocket watch decor" }
]}
title="The Sinister Experience"
description="More than a shop, we provide an immersive aesthetic journey for the discerning dark decor collector."
@@ -162,36 +97,11 @@ export default function LandingPage() {
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: "p2",
name: "Velvet Raven Cushion",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/garlic-with-twigs-near-frame_23-2147694973.jpg",
},
{
id: "p3",
name: "Ornate Bone Frame",
price: "$195",
imageSrc: "http://img.b2bpic.net/free-vector/rectangular-ornamental-frame-black-background_1115-649.jpg",
},
{
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: "p5",
name: "Obsidian Figurine",
price: "$320",
imageSrc: "http://img.b2bpic.net/free-photo/witch-hand-with-long-nails_23-2147680165.jpg",
},
{ 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: "p2", name: "Velvet Raven Cushion", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/garlic-with-twigs-near-frame_23-2147694973.jpg" },
{ id: "p3", name: "Ornate Bone Frame", price: "$195", imageSrc: "http://img.b2bpic.net/free-vector/rectangular-ornamental-frame-black-background_1115-649.jpg" },
{ 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: "p5", name: "Obsidian Figurine", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/witch-hand-with-long-nails_23-2147680165.jpg" }
]}
title="Curated Collections"
description="Explore our current selection of rare finds and bespoke gothic creations."
@@ -203,47 +113,13 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "t1",
name: "Evelyn Thorne",
role: "Collector",
company: "Dark Aesthetic",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shooting-with-projector_23-2149424929.jpg",
},
{
id: "t2",
name: "Victor Blackwood",
role: "Architect",
company: "Blackwood Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576834.jpg",
},
{
id: "t3",
name: "Morgana Le Fey",
role: "Curator",
company: "Mystic Arts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-dressed-woman_23-2148321290.jpg",
},
{
id: "t4",
name: "Dorian Grey",
role: "Designer",
company: "Grey Interiors",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg",
},
{
id: "t5",
name: "Lenore Raven",
role: "Collector",
company: "Shadow Lane",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wise-man-with-beard-sitting-chair-with-cane_52683-99966.jpg",
},
{ id: "t1", name: "Evelyn Thorne", role: "Collector", company: "Dark Aesthetic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shooting-with-projector_23-2149424929.jpg" },
{ id: "t2", name: "Victor Blackwood", role: "Architect", company: "Blackwood Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576834.jpg" },
{ id: "t3", name: "Morgana Le Fey", role: "Curator", company: "Mystic Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-dressed-woman_23-2148321290.jpg" },
{ id: "t4", name: "Dorian Grey", role: "Designer", company: "Grey Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg" },
{ id: "t5", name: "Lenore Raven", role: "Collector", company: "Shadow Lane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wise-man-with-beard-sitting-chair-with-cane_52683-99966.jpg" }
]}
title="Voices from the Shadows"
description="Discover what our devoted patrons say about their encounters within our sanctuary."
@@ -255,31 +131,11 @@ 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: "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.",
},
{
id: "q5",
title: "Is the shop haunted?",
content: "We prefer the term 'spiritually animated' by history and atmosphere.",
},
{ id: "q1", title: "Do you ship items internationally?", content: "Yes, we carefully pack and ship select items worldwide." },
{ 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." },
{ id: "q5", title: "Is the shop haunted?", content: "We prefer the term 'spiritually animated' by history and atmosphere." }
]}
title="Frequently Whispered"
description="Answers to common questions about our shop and our curation process."
@@ -290,61 +146,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
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: "Get Directions", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Boutique",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Collections",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Boutique", items: [{ label: "About Us", href: "#about" }, { label: "Collections", href: "#products" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="Sinister Sisters"
/>