Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -16,179 +16,109 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Floral Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kinnik"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Kinnik"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Botanical Artistry for Your Space"
|
||||
description="At Kinnik, we weave nature's beauty into elegant floral arrangements designed to brighten every moment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Bouquets",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/ge24cb54c0fc9d52960c1bd573a459eb8ecc5acb0ab0d3105d27740186094c1ba23d8cac7d781694d10d652994fda6b9e271e4fe59969f35a8a840b3edb26aa08_1280.jpg"
|
||||
imageAlt="Botanical floral arrangement"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Botanical Artistry for Your Space"
|
||||
description="At Kinnik, we weave nature's beauty into elegant floral arrangements designed to brighten every moment."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://pixabay.com/get/ge24cb54c0fc9d52960c1bd573a459eb8ecc5acb0ab0d3105d27740186094c1ba23d8cac7d781694d10d652994fda6b9e271e4fe59969f35a8a840b3edb26aa08_1280.jpg"
|
||||
imageAlt="Botanical floral arrangement"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[{ text: "Shop Bouquets", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Floral Philosophy"
|
||||
description="Inspired by local seasons and organic textures, our studio creates arrangements that tell a story. We blend modern aesthetics with timeless botanical grace."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Floral Varieties",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Weddings Designed",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g7a8af067c9413755058858440276e152c476e8e26312e574359623523b2293510b2176b74f6273df99a289af55edfb17b8bedb577620084e52d1736f77193d02_1280.jpg"
|
||||
imageAlt="Florist at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Our Floral Philosophy"
|
||||
description="Inspired by local seasons and organic textures, our studio creates arrangements that tell a story. We blend modern aesthetics with timeless botanical grace."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Floral Varieties" },
|
||||
{ value: "500+", title: "Weddings Designed" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://pixabay.com/get/g7a8af067c9413755058858440276e152c476e8e26312e574359623523b2293510b2176b74f6273df99a289af55edfb17b8bedb577620084e52d1736f77193d02_1280.jpg"
|
||||
imageAlt="Professional florist arranging flowers"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic White Harmony",
|
||||
price: "$65.00",
|
||||
imageSrc: "https://pixabay.com/get/g33dcb188229e20f52c1c162653f3f73ef72a4972373ac0bf24530e9cd585739121bdddf336e9ac9c300b3b8e26703e28316e9ff44f36922bfd9773c48a616ea4_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wild Garden Bloom",
|
||||
price: "$55.00",
|
||||
imageSrc: "https://pixabay.com/get/g11167a02122813464a25f5596aba4a102a35b0e927fcec2dc61d6d437ad19141e26173b86958381c8856400b2235df53c7ff4669a7fcbf7d85efd557ceeb4bae_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dried Textures Set",
|
||||
price: "$45.00",
|
||||
imageSrc: "https://pixabay.com/get/g6a703af734b4998f0ff7a4f7e3c896c53bf660ea9925e7745d4d2febc9f1d0dce59744092f612dbcb5bb2064c495e94b494379e2f57875d146917c811b486571_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Arrangements"
|
||||
description="Hand-picked, fresh blooms available for local delivery and studio pickup."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Signature Arrangements"
|
||||
description="Hand-picked, fresh blooms available for local delivery and studio pickup."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic White Harmony", price: "$65.00", imageSrc: "https://pixabay.com/get/g33dcb188229e20f52c1c162653f3f73ef72a4972373ac0bf24530e9cd585739121bdddf336e9ac9c300b3b8e26703e28316e9ff44f36922bfd9773c48a616ea4_1280.jpg" },
|
||||
{ id: "2", name: "Wild Garden Bloom", price: "$55.00", imageSrc: "https://pixabay.com/get/g11167a02122813464a25f5596aba4a102a35b0e927fcec2dc61d6d437ad19141e26173b86958381c8856400b2235df53c7ff4669a7fcbf7d85efd557ceeb4bae_1280.jpg" },
|
||||
{ id: "3", name: "Dried Textures Set", price: "$45.00", imageSrc: "https://pixabay.com/get/g6a703af734b4998f0ff7a4f7e3c896c53bf660ea9925e7745d4d2febc9f1d0dce59744092f612dbcb5bb2064c495e94b494379e2f57875d146917c811b486571_1280.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The arrangements from Kinnik are simply breathtaking. Every stem is thoughtfully placed and the freshness is unparalleled."
|
||||
rating={5}
|
||||
author="Elena Rossi"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/g21454391d037d6ae0c71e7bce8b893e8e1bca836c6e866a42da2d0f2a6920973a27a9d04d913c909b5e91d6b813e7f81_1280.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/gf2ca3c3f9c0e1e138d515c338e856dce4cf00db5fe5ded62254e7dd426c5d6eec83ce97254ccaca603e591368986b55fc71d65d3120bf8838159cc184ec02b7a_1280.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g2b9e2f442603ef5d02125ca34c79afe818ecf4b3b1350e7d7b51252a4cfb6639394174db3d9fb1394b2c4f8871771bdd0ebaadebb8e8c0a34522e5de9085c56e_1280.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g0e524394028ee3afe520ce82aa4058f076eef3b61196e710c795b894e397821369cee682829716a96566f3c7a92d6e0906c3473e171f6a32fde495d128d2d0db_1280.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The arrangements from Kinnik are simply breathtaking. Every stem is thoughtfully placed and the freshness is unparalleled."
|
||||
rating={5}
|
||||
author="Elena Rossi"
|
||||
avatars={[
|
||||
{ src: "https://pixabay.com/get/g21454391d037d6ae0c71e7bce8b893e8e1bca836c6e866a42da2d0f2a6920973a27a9d04d913c909b5e91d6b813e7f81_1280.jpg", alt: "Client 1" },
|
||||
{ src: "https://pixabay.com/get/gf2ca3c3f9c0e1e138d515c338e856dce4cf00db5fe5ded62254e7dd426c5d6eec83ce97254ccaca603e591368986b55fc71d65d3120bf8838159cc184ec02b7a_1280.jpg", alt: "Client 2" },
|
||||
{ src: "https://pixabay.com/get/g2b9e2f442603ef5d02125ca34c79afe818ecf4b3b1350e7d7b51252a4cfb6639394174db3d9fb1394b2c4f8871771bdd0ebaadebb8e8c0a34522e5de9085c56e_1280.jpg", alt: "Client 3" },
|
||||
{ src: "https://pixabay.com/get/g0e524394028ee3afe520ce82aa4058f076eef3b61196e710c795b894e397821369cee682829716a96566f3c7a92d6e0906c3473e171f6a32fde495d128d2d0db_1280.jpg", alt: "Client 4" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Inspired"
|
||||
title="Join Our Bloom Circle"
|
||||
description="Get seasonal floral tips, exclusive studio workshop invites, and fresh bloom alerts directly to your inbox."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Inspired"
|
||||
title="Join Our Bloom Circle"
|
||||
description="Get seasonal floral tips, exclusive studio workshop invites, and fresh bloom alerts directly to your inbox."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kinnik"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Kinnik Flower Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kinnik"
|
||||
columns={[
|
||||
{ title: "Studio", items: [{ label: "About Us", href: "#about" }, { label: "Shop", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Kinnik Flower Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user