|
|
|
|
@@ -36,6 +36,8 @@ export default function LandingPage() {
|
|
|
|
|
name: "Home", id: "home"},
|
|
|
|
|
{
|
|
|
|
|
name: "Shop", id: "products"},
|
|
|
|
|
{
|
|
|
|
|
name: "Accessories", id: "accessories"},
|
|
|
|
|
{
|
|
|
|
|
name: "Features", id: "features"},
|
|
|
|
|
{
|
|
|
|
|
@@ -50,15 +52,15 @@ export default function LandingPage() {
|
|
|
|
|
button={{
|
|
|
|
|
text: "Shop Now", href: "#products"}}
|
|
|
|
|
logoSrc="http://img.b2bpic.net/free-vector/quality-logo-sets_53876-77140.jpg"
|
|
|
|
|
logoAlt="StyleHaven Logo"
|
|
|
|
|
brandName="StyleHaven"
|
|
|
|
|
logoAlt="Code 218 Logo"
|
|
|
|
|
brandName="Code 218"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="home" data-section="home">
|
|
|
|
|
<HeroOverlay
|
|
|
|
|
title="Unleash Your Style"
|
|
|
|
|
description="Discover curated collections and timeless pieces that define modern elegance. Shop the latest trends and express your unique fashion statement with StyleHaven."
|
|
|
|
|
description="Discover curated collections and timeless pieces that define modern elegance. Shop the latest trends and express your unique fashion statement with Code 218."
|
|
|
|
|
tag="New Arrivals"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -126,10 +128,36 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="accessories" data-section="accessories">
|
|
|
|
|
<ProductCardThree
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "ring-1", name: "Delicate Diamond Ring", price: "$450.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1701389278783-d34a47t4.jpg", imageAlt: "Delicate Diamond Ring", priceButtonProps: { text: "Add to Cart" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "ring-2", name: "Minimalist Silver Band", price: "$120.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1701389278783-p9o7e1q8.jpg", imageAlt: "Minimalist Silver Band", priceButtonProps: { text: "Add to Cart" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "ring-3", name: "Vintage Emerald Ring", price: "$780.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1701389278783-j2k5m6n9.jpg", imageAlt: "Vintage Emerald Ring", priceButtonProps: { text: "Add to Cart" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "ring-4", name: "Bold Statement Ring", price: "$220.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1701389278783-x7z3w8y2.jpg", imageAlt: "Bold Statement Ring", priceButtonProps: { text: "Add to Cart" },
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Exquisite Ring Collection"
|
|
|
|
|
description="Discover timeless beauty with our hand-picked selection of rings. Perfect for every occasion, crafted with precision and passion."
|
|
|
|
|
tag="Rings"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentyOne
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Why Choose StyleHaven?"
|
|
|
|
|
title="Why Choose Code 218?"
|
|
|
|
|
description="We blend quality craftsmanship with innovative design, ensuring every garment feels as good as it looks. Experience fashion that's both stylish and sustainable."
|
|
|
|
|
tag="Our Commitments"
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -182,18 +210,18 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "testimonial-1", name: "Chloe L.", handle: "@chloestyle", testimonial: "StyleHaven transformed my wardrobe! The quality is exceptional, and I always get compliments. Truly my go-to for chic and comfortable clothing.", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924092.jpg", imageAlt: "Chloe L."},
|
|
|
|
|
id: "testimonial-1", name: "Chloe L.", handle: "@chloestyle", testimonial: "Code 218 transformed my wardrobe! The quality is exceptional, and I always get compliments. Truly my go-to for chic and comfortable clothing.", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924092.jpg", imageAlt: "Chloe L."},
|
|
|
|
|
{
|
|
|
|
|
id: "testimonial-2", name: "Marcus R.", handle: "@urbanthreads", testimonial: "Finally found a store that combines modern design with sustainable practices. StyleHaven pieces are worth every penny. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", imageAlt: "Marcus R."},
|
|
|
|
|
id: "testimonial-2", name: "Marcus R.", handle: "@urbanthreads", testimonial: "Finally found a store that combines modern design with sustainable practices. Code 218 pieces are worth every penny. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", imageAlt: "Marcus R."},
|
|
|
|
|
{
|
|
|
|
|
id: "testimonial-3", name: "Sophia M.", handle: "@sophia.fashion", testimonial: "I love the unique designs at StyleHaven. Each item feels special and fits perfectly. The customer service is also fantastic!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10244.jpg", imageAlt: "Sophia M."},
|
|
|
|
|
id: "testimonial-3", name: "Sophia M.", handle: "@sophia.fashion", testimonial: "I love the unique designs at Code 218. Each item feels special and fits perfectly. The customer service is also fantastic!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10244.jpg", imageAlt: "Sophia M."},
|
|
|
|
|
{
|
|
|
|
|
id: "testimonial-4", name: "David K.", handle: "@gentlemen_style", testimonial: "From casual wear to smart essentials, StyleHaven has elevated my entire look. The fabrics are incredibly soft and hold up well.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg", imageAlt: "David K."},
|
|
|
|
|
id: "testimonial-4", name: "David K.", handle: "@gentlemen_style", testimonial: "From casual wear to smart essentials, Code 218 has elevated my entire look. The fabrics are incredibly soft and hold up well.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg", imageAlt: "David K."},
|
|
|
|
|
{
|
|
|
|
|
id: "testimonial-5", name: "Elena P.", handle: "@elegant_finds", testimonial: "StyleHaven offers a sophisticated collection that's hard to beat. I appreciate the attention to detail and ethical approach. A definite favorite!", imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", imageAlt: "Elena P."},
|
|
|
|
|
id: "testimonial-5", name: "Elena P.", handle: "@elegant_finds", testimonial: "Code 218 offers a sophisticated collection that's hard to beat. I appreciate the attention to detail and ethical approach. A definite favorite!", imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", imageAlt: "Elena P."},
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Customers Say"
|
|
|
|
|
description="Hear directly from our community about their StyleHaven experience and how our collections have elevated their wardrobes."
|
|
|
|
|
description="Hear directly from our community about their Code 218 experience and how our collections have elevated their wardrobes."
|
|
|
|
|
tag="Happy Voices"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -240,8 +268,8 @@ export default function LandingPage() {
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
logoSrc="http://img.b2bpic.net/free-vector/quality-logo-sets_53876-77140.jpg"
|
|
|
|
|
logoAlt="StyleHaven Logo"
|
|
|
|
|
logoText="StyleHaven"
|
|
|
|
|
logoAlt="Code 218 Logo"
|
|
|
|
|
logoText="Code 218"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Shop", items: [
|
|
|
|
|
@@ -254,7 +282,7 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
label: "Outerwear", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Accessories", href: "#"},
|
|
|
|
|
label: "Accessories", href: "#accessories"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@@ -282,7 +310,7 @@ export default function LandingPage() {
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2024 StyleHaven. All rights reserved."
|
|
|
|
|
copyrightText="© 2024 Code 218. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
|
