Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-11 22:00:37 +00:00

View File

@@ -17,360 +17,142 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
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">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Catalog",
id: "catalog",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Jena Flowers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Catalog", id: "catalog" },
{ name: "Contact", id: "contact" },
]}
brandName="Jena Flowers"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
title="Flowers Redefined in 3D."
description="Experience the timeless beauty of nature, reimagined through cutting-edge 3D artistry. Jena Flowers brings digital floral elegance to your most cherished spaces."
buttons={[
{
text: "Explore Collection",
href: "#catalog",
},
{
text: "About Us",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cartoon-floral-bouquet_23-2151525977.jpg?_wi=1"
imageAlt="3d render bouquet flowers digital art"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-colorful-roses-bouquet_23-2150866671.jpg",
alt: "Close up on colorful roses bouquet",
},
{
src: "http://img.b2bpic.net/free-photo/3d-view-blooming-flowers_23-2150472280.jpg",
alt: "3d view of blooming flowers",
},
{
src: "http://img.b2bpic.net/free-photo/view-beautiful-3d-flower-raised-square-bed_23-2150858581.jpg",
alt: "View of beautiful 3d flower on raised square bed",
},
{
src: "http://img.b2bpic.net/free-photo/view-beautiful-3d-flower-raised-square-bed_23-2150858571.jpg",
alt: "View of beautiful 3d flower on raised square bed",
},
{
src: "http://img.b2bpic.net/free-photo/3d-renderiong-spring-background_23-2150169498.jpg",
alt: "3d renderiong of spring background",
},
]}
avatarText="Trusted by 500+ designers"
marqueeItems={[
{
type: "text",
text: "Sustainable Design",
},
{
type: "text",
text: "High Fidelity 3D",
},
{
type: "text",
text: "Timeless Elegance",
},
{
type: "text",
text: "Custom Commissions",
},
{
type: "text",
text: "Modern Botanics",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "sparkles-gradient" }}
title="Flowers Redefined in 3D."
description="Experience the timeless beauty of nature, reimagined through cutting-edge 3D artistry. Jena Flowers brings digital floral elegance to your most cherished spaces."
buttons={[
{ text: "Explore Collection", href: "#catalog" },
{ text: "About Us", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/cartoon-floral-bouquet_23-2151525977.jpg"
imageAlt="3d render bouquet flowers digital art"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-colorful-roses-bouquet_23-2150866671.jpg", alt: "Close up on colorful roses bouquet" },
{ src: "http://img.b2bpic.net/free-photo/3d-view-blooming-flowers_23-2150472280.jpg", alt: "3d view of blooming flowers" },
{ src: "http://img.b2bpic.net/free-photo/view-beautiful-3d-flower-raised-square-bed_23-2150858581.jpg", alt: "View of beautiful 3d flower on raised square bed" },
{ src: "http://img.b2bpic.net/free-photo/view-beautiful-3d-flower-raised-square-bed_23-2150858571.jpg", alt: "View of beautiful 3d flower on raised square bed" },
{ src: "http://img.b2bpic.net/free-photo/3d-renderiong-spring-background_23-2150169498.jpg", alt: "3d renderiong of spring background" },
]}
avatarText="Trusted by 500+ designers"
marqueeItems={[
{ type: "text", text: "Sustainable Design" },
{ type: "text", text: "High Fidelity 3D" },
{ type: "text", text: "Timeless Elegance" },
{ type: "text", text: "Custom Commissions" },
{ type: "text", text: "Modern Botanics" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Art of ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-3d-rose-flower_23-2151053003.jpg",
alt: "single 3d digital rose close up",
},
{
type: "text",
content: " Digital Botanics.",
},
]}
buttons={[
{
text: "Learn Our Craft",
href: "#contact",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "The Art of " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-3d-rose-flower_23-2151053003.jpg", alt: "single 3d digital rose close up" },
{ type: "text", content: " Digital Botanics." },
]}
buttons={[
{ text: "Learn Our Craft", href: "#contact" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Detail",
title: "Precision Modeling",
subtitle: "Meticulously crafted",
description: "Every petal and leaf is modeled to perfection for a lifelike experience.",
imageSrc: "http://img.b2bpic.net/free-photo/floral-frame-with-watercolor-flowers_23-2152004672.jpg?_wi=1",
},
{
tag: "Longevity",
title: "Eternal Bloom",
subtitle: "Stays forever",
description: "Beautiful 3D arrangements that never fade or wilt, ensuring timeless beauty.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-roses-made-with-modelling-clay_23-2150866615.jpg?_wi=1",
},
{
tag: "Innovation",
title: "Modern Textures",
subtitle: "Cutting-edge looks",
description: "Unique textures and metallic finishes that push the boundaries of botanical art.",
imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-with-psychedelic-painting_23-2149372275.jpg?_wi=1",
},
]}
title="Why Digital Floral Art?"
description="We blend organic aesthetics with precision technology to create stunning, permanent floral arrangements."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{ tag: "Detail", title: "Precision Modeling", subtitle: "Meticulously crafted", description: "Every petal and leaf is modeled to perfection for a lifelike experience.", imageSrc: "http://img.b2bpic.net/free-photo/floral-frame-with-watercolor-flowers_23-2152004672.jpg" },
{ tag: "Longevity", title: "Eternal Bloom", subtitle: "Stays forever", description: "Beautiful 3D arrangements that never fade or wilt, ensuring timeless beauty.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-roses-made-with-modelling-clay_23-2150866615.jpg" },
{ tag: "Innovation", title: "Modern Textures", subtitle: "Cutting-edge looks", description: "Unique textures and metallic finishes that push the boundaries of botanical art.", imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-with-psychedelic-painting_23-2149372275.jpg" },
]}
title="Why Digital Floral Art?"
description="We blend organic aesthetics with precision technology to create stunning, permanent floral arrangements."
/>
</div>
<div id="catalog" data-section="catalog">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Signature",
name: "White Lily",
price: "$120",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-3d-translucent-flower_23-2150841631.jpg",
},
{
id: "2",
brand: "Signature",
name: "Digital Orchid",
price: "$150",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-orchid-flowers-stand_23-2149270706.jpg",
},
{
id: "3",
brand: "Signature",
name: "Polygonal Sunflower",
price: "$90",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363217.jpg",
},
{
id: "4",
brand: "Signature",
name: "Lavender Sprigs",
price: "$75",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/exotic-leaf-with-yellow-dots_23-2149292974.jpg",
},
{
id: "5",
brand: "Signature",
name: "Peach Peony",
price: "$135",
rating: 5,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/white-tulips-light-blurred-background-generative-al_169016-28594.jpg",
},
{
id: "6",
brand: "Signature",
name: "Symmetrical Lotus",
price: "$110",
rating: 4,
reviewCount: "27",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969079.jpg",
},
]}
title="Our Digital Garden"
description="Browse our curated selection of 3D floral arrangements."
/>
</div>
<div id="catalog" data-section="catalog">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Signature", name: "White Lily", price: "$120", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-3d-translucent-flower_23-2150841631.jpg" },
{ id: "2", brand: "Signature", name: "Digital Orchid", price: "$150", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orchid-flowers-stand_23-2149270706.jpg" },
{ id: "3", brand: "Signature", name: "Polygonal Sunflower", price: "$90", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363217.jpg" },
{ id: "4", brand: "Signature", name: "Lavender Sprigs", price: "$75", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/exotic-leaf-with-yellow-dots_23-2149292974.jpg" },
{ id: "5", brand: "Signature", name: "Peach Peony", price: "$135", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/white-tulips-light-blurred-background-generative-al_169016-28594.jpg" },
{ id: "6", brand: "Signature", name: "Symmetrical Lotus", price: "$110", rating: 4, reviewCount: "27", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969079.jpg" },
]}
title="Our Digital Garden"
description="Browse our curated selection of 3D floral arrangements."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
date: "2024-05",
title: "Interior Designer",
quote: "The detail on these 3D flowers is simply breathtaking.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-floral-bouquet_23-2151525977.jpg?_wi=2",
imageAlt: "happy client portrait soft studio lighting",
},
{
id: "2",
name: "Michael Chen",
date: "2024-06",
title: "Creative Director",
quote: "I've never seen such lifelike floral art in 3D.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-cute-girl-pic_23-2150649852.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-3d-rose-flower_23-2151053003.jpg",
imageAlt: "happy client portrait soft studio lighting",
},
{
id: "3",
name: "Emily Rodriguez",
date: "2024-07",
title: "Art Enthusiast",
quote: "Perfectly modern and beautifully elegant.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/floral-frame-with-watercolor-flowers_23-2152004672.jpg?_wi=2",
imageAlt: "happy client portrait soft studio lighting",
},
{
id: "4",
name: "David Kim",
date: "2024-08",
title: "Product Designer",
quote: "Jena Flowers has completely transformed my studio.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-copy-space_23-2148275237.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-roses-made-with-modelling-clay_23-2150866615.jpg?_wi=2",
imageAlt: "happy client portrait soft studio lighting",
},
{
id: "5",
name: "Alex Smith",
date: "2024-09",
title: "Architect",
quote: "Sophistication at its finest. Incredible work.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/long-curly-hair-youn-man-with-crossed-hands_158595-3775.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-with-psychedelic-painting_23-2149372275.jpg?_wi=2",
imageAlt: "happy client portrait soft studio lighting",
},
]}
title="Loved by Designers"
description="See what our creative community says about our 3D floral pieces."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Johnson", date: "2024-05", title: "Interior Designer", quote: "The detail on these 3D flowers is simply breathtaking.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-floral-bouquet_23-2151525977.jpg", imageAlt: "happy client portrait soft studio lighting" },
{ id: "2", name: "Michael Chen", date: "2024-06", title: "Creative Director", quote: "I've never seen such lifelike floral art in 3D.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-cute-girl-pic_23-2150649852.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-3d-rose-flower_23-2151053003.jpg", imageAlt: "happy client portrait soft studio lighting" },
{ id: "3", name: "Emily Rodriguez", date: "2024-07", title: "Art Enthusiast", quote: "Perfectly modern and beautifully elegant.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg", imageSrc: "http://img.b2bpic.net/free-photo/floral-frame-with-watercolor-flowers_23-2152004672.jpg", imageAlt: "happy client portrait soft studio lighting" },
{ id: "4", name: "David Kim", date: "2024-08", title: "Product Designer", quote: "Jena Flowers has completely transformed my studio.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-copy-space_23-2148275237.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-roses-made-with-modelling-clay_23-2150866615.jpg", imageAlt: "happy client portrait soft studio lighting" },
{ id: "5", name: "Alex Smith", date: "2024-09", title: "Architect", quote: "Sophistication at its finest. Incredible work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/long-curly-hair-youn-man-with-crossed-hands_158595-3775.jpg", imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-with-psychedelic-painting_23-2149372275.jpg", imageAlt: "happy client portrait soft studio lighting" },
]}
title="Loved by Designers"
description="See what our creative community says about our 3D floral pieces."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Join Us"
title="Stay Updated with Jena Flowers"
description="Sign up for our newsletter to receive the latest 3D floral trends and exclusive drops."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Join Us"
title="Stay Updated with Jena Flowers"
description="Sign up for our newsletter to receive the latest 3D floral trends and exclusive drops."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969137.jpg"
logoText="Jena Flowers"
columns={[
{
title: "Shop",
items: [
{
label: "All Flowers",
href: "#catalog",
},
{
label: "New Arrivals",
href: "#",
},
{
label: "Collections",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-composition_23-2150969137.jpg"
logoText="Jena Flowers"
columns={[
{ title: "Shop", items: [{ label: "All Flowers", href: "#catalog" }, { label: "New Arrivals", href: "#" }, { label: "Collections", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}