Merge version_1 into main #2
413
src/app/page.tsx
413
src/app/page.tsx
@@ -25,314 +25,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Siren"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Siren"
|
||||
button={{ text: "Visit Boutique", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Timeless Elegance in Mamaroneck"
|
||||
description="Discover curated fine jewelry that tells your story. Siren brings artistry and sophistication to every piece we create."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509266.jpg?_wi=1",
|
||||
imageAlt: "Luxury diamond ring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewellery-earrings-background-with-place-text-banner-fashion-accessories_460848-14702.jpg",
|
||||
imageAlt: "Gold earrings showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-engagement-ring-cloth_23-2148966199.jpg?_wi=1",
|
||||
imageAlt: "Artistic bracelet display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg?_wi=1",
|
||||
imageAlt: "Close up diamond ring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347054.jpg?_wi=1",
|
||||
imageAlt: "Stacked gold rings",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-concept_23-2148229251.jpg",
|
||||
imageAlt: "Elegant gold watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347054.jpg?_wi=2",
|
||||
imageAlt: "Stacked gold rings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg?_wi=2",
|
||||
imageAlt: "Diamond ring design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-engagement-ring-cloth_23-2148966199.jpg?_wi=2",
|
||||
imageAlt: "Luxury gold bracelet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509266.jpg?_wi=2",
|
||||
imageAlt: "Engagement jewelry",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-girl-carrying-bags_23-2148023431.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-outdoor-image-young-stylish-woman-having-fun-city-bar-weekend-patty-trendy-outfit-long-hairs-positive-mood_291049-1733.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied jewelry collectors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxurious",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance in Mamaroneck"
|
||||
description="Discover curated fine jewelry that tells your story. Siren brings artistry and sophistication to every piece we create."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509266.jpg", imageAlt: "Luxury diamond ring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jewellery-earrings-background-with-place-text-banner-fashion-accessories_460848-14702.jpg", imageAlt: "Gold earrings showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-engagement-ring-cloth_23-2148966199.jpg", imageAlt: "Artistic bracelet display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg", imageAlt: "Close up diamond ring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347054.jpg", imageAlt: "Stacked gold rings" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-concept_23-2148229251.jpg", imageAlt: "Elegant gold watch" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347054.jpg", imageAlt: "Stacked gold rings" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg", imageAlt: "Diamond ring design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-engagement-ring-cloth_23-2148966199.jpg", imageAlt: "Luxury gold bracelet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509266.jpg", imageAlt: "Engagement jewelry" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#collection" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shopping-girl-carrying-bags_23-2148023431.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-outdoor-image-young-stylish-woman-having-fun-city-bar-weekend-patty-trendy-outfit-long-hairs-positive-mood_291049-1733.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied jewelry collectors"
|
||||
marqueeItems={[{ type: "text", text: "Handcrafted" }, { type: "text", text: "Ethically Sourced" }, { type: "text", text: "Bespoke Design" }, { type: "text", text: "Timeless" }, { type: "text", text: "Luxurious" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Artistry Inspired by the Shore"
|
||||
description="Siren Jewelry is dedicated to fine craftsmanship and timeless design. Located in the heart of Mamaroneck, our studio offers a unique selection of handcrafted pieces for every special occasion."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Handcrafted Excellence",
|
||||
description: "Every piece is designed with meticulous attention to detail.",
|
||||
},
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "We prioritize sustainable sourcing for all our gemstones.",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Services",
|
||||
description: "Personalized design sessions to create your dream piece.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-looking-pastries-through-glass-showcase-cafe_171337-17133.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Artistry Inspired by the Shore"
|
||||
description="Siren Jewelry is dedicated to fine craftsmanship and timeless design. Located in the heart of Mamaroneck, our studio offers a unique selection of handcrafted pieces for every special occasion."
|
||||
bulletPoints={[
|
||||
{ title: "Handcrafted Excellence", description: "Every piece is designed with meticulous attention to detail." },
|
||||
{ title: "Ethically Sourced", description: "We prioritize sustainable sourcing for all our gemstones." },
|
||||
{ title: "Bespoke Services", description: "Personalized design sessions to create your dream piece." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-looking-pastries-through-glass-showcase-cafe_171337-17133.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Golden Shore Ring",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347042.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Minimalist Silver Pendant",
|
||||
price: "$420",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dangle Statement Earrings",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jocund-brunette-woman-posing-with-calm-face-expression-joyful-white-girl-with-plant_197531-14060.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linked Gold Bracelet",
|
||||
price: "$980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hand-holding-bracelet_23-2150896608.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sapphire Gemstone Necklace",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Diamond Halo Ring",
|
||||
price: "$2,400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gold-plated-bracelet-ring-set-with-crystal-enamel-black-table_140725-12896.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Exquisite jewelry designed for elegance and lasting beauty."
|
||||
/>
|
||||
</div>
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Golden Shore Ring", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347042.jpg" },
|
||||
{ id: "2", name: "Minimalist Silver Pendant", price: "$420", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg" },
|
||||
{ id: "3", name: "Dangle Statement Earrings", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/jocund-brunette-woman-posing-with-calm-face-expression-joyful-white-girl-with-plant_197531-14060.jpg" },
|
||||
{ id: "4", name: "Linked Gold Bracelet", price: "$980", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hand-holding-bracelet_23-2150896608.jpg" },
|
||||
{ id: "5", name: "Sapphire Gemstone Necklace", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg" },
|
||||
{ id: "6", name: "Diamond Halo Ring", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gold-plated-bracelet-ring-set-with-crystal-enamel-black-table_140725-12896.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Exquisite jewelry designed for elegance and lasting beauty."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clara S.",
|
||||
role: "Collector",
|
||||
testimonial: "The piece I received is absolutely stunning. Exceptional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Husband",
|
||||
testimonial: "My wife loves her new earrings. Thank you for the personalized touch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-carrying-bags_23-2148023431.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Bride",
|
||||
testimonial: "Siren designed my wedding band perfectly. Couldn't be happier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia M.",
|
||||
role: "Jewelry Enthusiast",
|
||||
testimonial: "Unmatched craftsmanship and style. Mamaroneck is lucky to have them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-outdoor-image-young-stylish-woman-having-fun-city-bar-weekend-patty-trendy-outfit-long-hairs-positive-mood_291049-1733.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Samantha L.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Every purchase here feels special. Highly recommended shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg",
|
||||
},
|
||||
]}
|
||||
title="Treasured Memories"
|
||||
description="Hear what our valued clients have to say about their experience with Siren."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Clara S.", role: "Collector", testimonial: "The piece I received is absolutely stunning. Exceptional service.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Husband", testimonial: "My wife loves her new earrings. Thank you for the personalized touch.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-carrying-bags_23-2148023431.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Bride", testimonial: "Siren designed my wedding band perfectly. Couldn't be happier.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg" },
|
||||
{ id: "4", name: "Julia M.", role: "Jewelry Enthusiast", testimonial: "Unmatched craftsmanship and style. Mamaroneck is lucky to have them.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-outdoor-image-young-stylish-woman-having-fun-city-bar-weekend-patty-trendy-outfit-long-hairs-positive-mood_291049-1733.jpg" },
|
||||
{ id: "5", name: "Samantha L.", role: "Regular Client", testimonial: "Every purchase here feels special. Highly recommended shop.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg" },
|
||||
]}
|
||||
title="Treasured Memories"
|
||||
description="Hear what our valued clients have to say about their experience with Siren."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Visit us at our Mamaroneck boutique for a private consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:hello@sirenjewelry.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Visit us at our Mamaroneck boutique for a private consultation."
|
||||
buttons={[{ text: "Get in Touch", href: "mailto:hello@sirenjewelry.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg"
|
||||
logoText="Siren Jewelry"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Jewelry",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "Bespoke",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg"
|
||||
logoText="Siren Jewelry"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Jewelry", href: "#collection" }, { label: "New Arrivals", href: "#collection" }, { label: "Bespoke", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user