Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b45dbbf8c9 | |||
| de36cb0b62 | |||
| 9f5c9b8d02 | |||
| c4a21b11f4 | |||
| 82dc11dc2a | |||
| 5675476181 |
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Collections",
|
name: "Collections", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Marenka"
|
brandName="Marenka"
|
||||||
/>
|
/>
|
||||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
logoText="Marenka"
|
logoText="Marenka"
|
||||||
description="Timeless elegance crafted for the discerning minimalist."
|
description="Elevate your daily rituals with timeless, handcrafted essentials designed to last a lifetime."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Collection",
|
text: "Explore Collection", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-concept-with-lipsticks_23-2149030356.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/make-up-concept-with-lipsticks_23-2149030356.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -87,20 +76,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Artisanal Craft",
|
title: "Artisanal Craft", description: "Hand-made excellence in every stitch.", imageSrc: "http://img.b2bpic.net/free-vector/logo-design-templates_53876-91610.jpg"},
|
||||||
description: "Hand-made excellence in every stitch.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-design-templates_53876-91610.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Sustainably Sourced",
|
title: "Sustainably Sourced", description: "Mindful materials for a better future.", imageSrc: "http://img.b2bpic.net/free-photo/white-minimalist-vases-assortment_23-2149681074.jpg"},
|
||||||
description: "Mindful materials for a better future.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-minimalist-vases-assortment_23-2149681074.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Timeless Aesthetic",
|
title: "Timeless Aesthetic", description: "Designs that defy fleeting trends.", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-legs-newborn-baby_1304-3853.jpg"},
|
||||||
description: "Designs that defy fleeting trends.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-legs-newborn-baby_1304-3853.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Marenka?"
|
title="Why Marenka?"
|
||||||
description="Excellence in every detail, defined by artisan passion."
|
description="Excellence in every detail, defined by artisan passion."
|
||||||
@@ -114,26 +94,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15+", title: "Artisans", description: "Master crafts-people", imageSrc: "http://img.b2bpic.net/free-photo/neutral-tone-abstract-invitation-card_53876-97500.jpg"},
|
||||||
value: "15+",
|
|
||||||
title: "Artisans",
|
|
||||||
description: "Master crafts-people",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/neutral-tone-abstract-invitation-card_53876-97500.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "2000+", title: "Pieces", description: "Unique designs created", imageSrc: "http://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442627.jpg"},
|
||||||
value: "2000+",
|
|
||||||
title: "Pieces",
|
|
||||||
description: "Unique designs created",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442627.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "100%", title: "Quality", description: "Assurance guarantee", imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871955.jpg"},
|
||||||
value: "100%",
|
|
||||||
title: "Quality",
|
|
||||||
description: "Assurance guarantee",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871955.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="Quality measured in dedication and detail."
|
description="Quality measured in dedication and detail."
|
||||||
@@ -143,46 +108,26 @@ export default function LandingPage() {
|
|||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split-actions"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Shop All", href: "#" },
|
||||||
|
{ text: "View Collections", href: "#" }
|
||||||
|
]}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Ceramic Vase", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/rock-stone-podium-nature-pedestal-stage-product-display-background-3d-illustration-empty-display-showroom-presentation-product-placement_56104-2261.jpg"},
|
||||||
name: "Ceramic Vase",
|
|
||||||
price: "$120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-stone-podium-nature-pedestal-stage-product-display-background-3d-illustration-empty-display-showroom-presentation-product-placement_56104-2261.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Silk Scarf", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/white-stone-nature-product-display-podium-platforms-cosmetic-placement-studio-platform-3d-background_56104-1702.jpg"},
|
||||||
name: "Silk Scarf",
|
|
||||||
price: "$85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-stone-nature-product-display-podium-platforms-cosmetic-placement-studio-platform-3d-background_56104-1702.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Oak Tray", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-camera-photo-studio-lamp_23-2148565482.jpg"},
|
||||||
name: "Oak Tray",
|
|
||||||
price: "$95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-camera-photo-studio-lamp_23-2148565482.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Linen Throw", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg"},
|
||||||
name: "Linen Throw",
|
|
||||||
price: "$150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Leather Journal", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg"},
|
||||||
name: "Leather Journal",
|
|
||||||
price: "$60",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Brass Candleholder", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/studio-lamp-woman-holding-camera-photo_23-2148565484.jpg"},
|
||||||
name: "Brass Candleholder",
|
|
||||||
price: "$110",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-lamp-woman-holding-camera-photo_23-2148565484.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Collections"
|
title="Our Collections"
|
||||||
description="Discover your next timeless essential."
|
description="Discover your next timeless essential."
|
||||||
@@ -196,59 +141,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Elena Ross", role: "Designer", company: "Studio", rating: 5,
|
||||||
name: "Elena Ross",
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg"},
|
||||||
role: "Designer",
|
|
||||||
company: "Studio",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Markus H.", role: "Architect", company: "Build", rating: 5,
|
||||||
name: "Markus H.",
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||||
role: "Architect",
|
|
||||||
company: "Build",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Sarah J.", role: "Creative", company: "Art", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walking-sunny-day_1303-24613.jpg"},
|
||||||
role: "Creative",
|
|
||||||
company: "Art",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walking-sunny-day_1303-24613.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Liam B.", role: "Owner", company: "Store", rating: 5,
|
||||||
name: "Liam B.",
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-blonde-woman-white-stylish-blouse-pearl-jewelry-smiles-widely-looks-away-sits-by-little-table-street-cafe_197531-23208.jpg"},
|
||||||
role: "Owner",
|
|
||||||
company: "Store",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-blonde-woman-white-stylish-blouse-pearl-jewelry-smiles-widely-looks-away-sits-by-little-table-street-cafe_197531-23208.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Nina V.", role: "Curator", company: "Gallery", rating: 5,
|
||||||
name: "Nina V.",
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||||
role: "Curator",
|
|
||||||
company: "Gallery",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "5.0",
|
value: "5.0", label: "Avg. Rating"},
|
||||||
label: "Avg. Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "1.2k",
|
value: "1.2k", label: "Happy Clients"},
|
||||||
label: "Happy Clients",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "98%",
|
value: "98%", label: "Retention"},
|
||||||
label: "Retention",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Loved by Community"
|
title="Loved by Community"
|
||||||
description="Stories from our valued Marenka enthusiasts."
|
description="Stories from our valued Marenka enthusiasts."
|
||||||
@@ -261,20 +175,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How is shipping handled?", content: "We ship worldwide with care."},
|
||||||
title: "How is shipping handled?",
|
|
||||||
content: "We ship worldwide with care.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Are products artisanal?", content: "Each piece is hand-crafted."},
|
||||||
title: "Are products artisanal?",
|
|
||||||
content: "Each piece is hand-crafted.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Return policy?", content: "14-day hassle-free returns."},
|
||||||
title: "Return policy?",
|
|
||||||
content: "14-day hassle-free returns.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked"
|
title="Frequently Asked"
|
||||||
description="Everything you need to know."
|
description="Everything you need to know."
|
||||||
@@ -288,14 +193,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Ready to bring elegance into your life? Reach out to our design team for custom inquiries."
|
text="Ready to bring elegance into your life? Reach out to our design team for custom inquiries."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -305,29 +207,19 @@ export default function LandingPage() {
|
|||||||
logoText="Marenka"
|
logoText="Marenka"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Ceramics",
|
label: "Ceramics", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Textiles",
|
label: "Textiles", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -336,4 +228,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user