Merge version_1 into main #1
391
src/app/page.tsx
391
src/app/page.tsx
@@ -16,291 +16,128 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecorArtisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="DecorArtisan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Living Space"
|
||||
description="Curated selection of artisanal decoration pieces to transform your home into a sanctuary of style and comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena_designs",
|
||||
testimonial: "The quality of these pieces is unmatched. Truly elevated my living room.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-smart-woman-designer-demonstrating-unrolled-paper_23-2148180680.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@marcus_home",
|
||||
testimonial: "Beautifully crafted items. Shipping was fast and packaging was secure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_style",
|
||||
testimonial: "Exquisite attention to detail. Will definitely shop here again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-red-lips-holding-plant-fashionable-girl-bright-hat-striped-t-shirt-beige-skirt-rejoices-apartment_197531-18745.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw_interiors",
|
||||
testimonial: "Finally found pieces that feel truly unique and high-end.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jl_home",
|
||||
testimonial: "Everything looks even better in person. Stunning addition to my desk.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5468.jpg"
|
||||
imageAlt="Curated home decor pieces in a luxury living room"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407605.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928963.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712891.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-blonde-russian-woman-sits-armchair-gesturing-victory-hand-sign-looking-phone-taking-selfie-inside-living-room_141793-70172.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Aesthetics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Spaces",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Living Space"
|
||||
description="Curated selection of artisanal decoration pieces to transform your home into a sanctuary of style and comfort."
|
||||
testimonials={[
|
||||
{ name: "Elena M.", handle: "@elena_designs", testimonial: "The quality of these pieces is unmatched. Truly elevated my living room.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-smart-woman-designer-demonstrating-unrolled-paper_23-2148180680.jpg" },
|
||||
{ name: "Marcus R.", handle: "@marcus_home", testimonial: "Beautifully crafted items. Shipping was fast and packaging was secure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sarah_style", testimonial: "Exquisite attention to detail. Will definitely shop here again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-red-lips-holding-plant-fashionable-girl-bright-hat-striped-t-shirt-beige-skirt-rejoices-apartment_197531-18745.jpg" },
|
||||
{ name: "David W.", handle: "@dw_interiors", testimonial: "Finally found pieces that feel truly unique and high-end.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg" },
|
||||
{ name: "Jessica L.", handle: "@jl_home", testimonial: "Everything looks even better in person. Stunning addition to my desk.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5468.jpg"
|
||||
imageAlt="Curated home decor pieces in a luxury living room"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407605.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928963.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712891.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-blonde-russian-woman-sits-armchair-gesturing-victory-hand-sign-looking-phone-taking-selfie-inside-living-room_141793-70172.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Handcrafted Excellence" },
|
||||
{ type: "text", text: "Timeless Aesthetics" },
|
||||
{ type: "text", text: "Artisanal Quality" },
|
||||
{ type: "text", text: "Curated Spaces" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Every Corner with ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-rounded-minimalist-vase_23-2149681139.jpg",
|
||||
alt: "Handcrafted pottery and artistic decor pieces",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Purposeful Artistry.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting Every Corner with " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-rounded-minimalist-vase_23-2149681139.jpg", alt: "Handcrafted pottery and artistic decor pieces" },
|
||||
{ type: "text", content: " Purposeful Artistry." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ceramic Sculpt",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538369.jpg",
|
||||
imageAlt: "White ceramic minimalist vase",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Orb",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529723.jpg",
|
||||
imageAlt: "Abstract brass sculptural piece",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Woven Tapestry",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-melon-dark-light-table-fruit-summer-sweet-mellow_140725-81423.jpg",
|
||||
imageAlt: "Boho wall textile hanging",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Glass Prism",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desert-cacti-pots-arrangement_23-2151261743.jpg",
|
||||
imageAlt: "Geometric glass terrarium box",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cedar Carving",
|
||||
price: "$195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-real-estate-with-wooden-blocks-wooden-human-figure-top-view_176474-10529.jpg",
|
||||
imageAlt: "Hand-carved cedar wood decor",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Golden Pillar",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-modern-vases-with-plant-arrangement_23-2149835468.jpg",
|
||||
imageAlt: "Luxury candle pillar decor",
|
||||
},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest collection of handpicked decoration accents."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest collection of handpicked decoration accents."
|
||||
products={[
|
||||
{ id: "p1", name: "Ceramic Sculpt", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538369.jpg", imageAlt: "White ceramic minimalist vase" },
|
||||
{ id: "p2", name: "Metal Orb", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529723.jpg", imageAlt: "Abstract brass sculptural piece" },
|
||||
{ id: "p3", name: "Woven Tapestry", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-melon-dark-light-table-fruit-summer-sweet-mellow_140725-81423.jpg", imageAlt: "Boho wall textile hanging" },
|
||||
{ id: "p4", name: "Glass Prism", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/desert-cacti-pots-arrangement_23-2151261743.jpg", imageAlt: "Geometric glass terrarium box" },
|
||||
{ id: "p5", name: "Cedar Carving", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-real-estate-with-wooden-blocks-wooden-human-figure-top-view_176474-10529.jpg", imageAlt: "Hand-carved cedar wood decor" },
|
||||
{ id: "p6", name: "Golden Pillar", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/white-modern-vases-with-plant-arrangement_23-2149835468.jpg", imageAlt: "Luxury candle pillar decor" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Curator's Pick"
|
||||
description="Exclusive limited-edition pieces chosen by our design experts for the modern home."
|
||||
products={[
|
||||
{
|
||||
id: "e1",
|
||||
name: "Lunar Vase",
|
||||
price: "$120",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-vases-books_23-2149681093.jpg",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
name: "Golden Abstract",
|
||||
price: "$250",
|
||||
variant: "Brass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219672.jpg",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
name: "Minimalist Totem",
|
||||
price: "$180",
|
||||
variant: "Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158615.jpg",
|
||||
},
|
||||
{
|
||||
id: "e4",
|
||||
name: "Silk Weave",
|
||||
price: "$310",
|
||||
variant: "Textile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-vase_23-2148986269.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Curator's Pick"
|
||||
description="Exclusive limited-edition pieces chosen by our design experts for the modern home."
|
||||
products={[
|
||||
{ id: "e1", name: "Lunar Vase", price: "$120", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-vases-books_23-2149681093.jpg" },
|
||||
{ id: "e2", name: "Golden Abstract", price: "$250", variant: "Brass", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219672.jpg" },
|
||||
{ id: "e3", name: "Minimalist Totem", price: "$180", variant: "Wood", imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158615.jpg" },
|
||||
{ id: "e4", name: "Silk Weave", price: "$310", variant: "Textile", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-vase_23-2148986269.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Inspired"
|
||||
title="Join Our Design Community"
|
||||
description="Sign up for exclusive previews and home decor tips."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Inspired"
|
||||
title="Join Our Design Community"
|
||||
description="Sign up for exclusive previews and home decor tips."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 DecorArtisan"
|
||||
bottomRightText="Crafted with love"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 DecorArtisan"
|
||||
bottomRightText="Crafted with love"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user