Merge version_1 into main #1
333
src/app/page.tsx
333
src/app/page.tsx
@@ -25,253 +25,104 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Oi Flowers"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Oi Flowers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Blooms that tell a story."
|
||||
description="Oi Flowers Studio brings artisanal, hand-crafted floral arrangements to your doorstep. Rooted in nature, crafted with love."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gb4f52629e0a54af658d17a4fb262e12225dad8acf6fb359252fb4dc1a19d23c1713b2dffe010147dab2eb548ff56a4ccb6b973b04e765f9b1b13d65ae2d3f745_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Blooms that tell a story."
|
||||
description="Oi Flowers Studio brings artisanal, hand-crafted floral arrangements to your doorstep. Rooted in nature, crafted with love."
|
||||
buttons={[
|
||||
{ text: "Explore Collections", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gb4f52629e0a54af658d17a4fb262e12225dad8acf6fb359252fb4dc1a19d23c1713b2dffe010147dab2eb548ff56a4ccb6b973b04e765f9b1b13d65ae2d3f745_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Artistry in Every Petal"
|
||||
description="Oi Flowers was founded on the belief that flowers are the language of emotions. Our studio focuses on sustainable, seasonal, and wildly beautiful floral designs for everyday joy and special milestones."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Arrangements Crafted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Sustainably Sourced",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Floral Experts",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gfad22e8326e2763198426b0e90c9acd2526d155cde09e8eca510f4e32f9df57297876c4a9458eca69c9edc805880405bfa16dc27743d5875938743fb81ac1454_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Artistry in Every Petal"
|
||||
description="Oi Flowers was founded on the belief that flowers are the language of emotions. Our studio focuses on sustainable, seasonal, and wildly beautiful floral designs for everyday joy and special milestones."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Arrangements Crafted" },
|
||||
{ value: "100%", title: "Sustainably Sourced" },
|
||||
{ value: "12", title: "Floral Experts" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gfad22e8326e2763198426b0e90c9acd2526d155cde09e8eca510f4e32f9df57297876c4a9458eca69c9edc805880405bfa16dc27743d5875938743fb81ac1454_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Oi Studio",
|
||||
name: "Velvet Rose Bouquet",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://pixabay.com/get/g87f5c10ff7911c1c01e06d77119948f23ee02e847f03bcb55ea3a3a4d3e2caa3c1b4307813aad7b6a716c2fb81eadb2e2edf241223cae40f9fc1b3e244152eba_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Oi Studio",
|
||||
name: "Spring Tulip Joy",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://pixabay.com/get/gdc48a2d0be7db08dc206c3608debdfdbf920c578fe250fcf7bc2aab60d185356d32eb761357cfb6a1f2f49f0fec900b7756852c5589328b9299c3cc513d11380_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Oi Studio",
|
||||
name: "Rustic Wildwood Bunch",
|
||||
price: "$75",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "https://pixabay.com/get/gdaebbf1fe962faace9d7e45800333f877ca9317d69dce2d7403f26e0170b79ae1c533c162d372f08b270d1b0873c3758eef638154a6cae33ce65af7e7f37db8d_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Oi Studio",
|
||||
name: "Pure Lily Elegance",
|
||||
price: "$90",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://pixabay.com/get/g91890edb6786d28195d2cc00320be0cfe6a5679b9a5bb1e7069f4a1a894940b2e08de1bd8e1096525f3f185a2302f7a0b4ed6ba23366f2f8fbf06bba91fd4f31_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Oi Studio",
|
||||
name: "Golden Sunflowers",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://pixabay.com/get/gd81fa742d18002392d77ed994e09239bc8bcd03840c8df88a3e727e08947d95639f3a4858b36ff2474f5766f154896c12dd02081f5aff3098de30642c7c27c11_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Oi Studio",
|
||||
name: "Pastel Dreamscape",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://pixabay.com/get/gd99dcc1da1af12001ff2a6c386aafed3730fb47fc2d8b5b6d6b8f6f87faf1ceb0e482f032a9d98b681c4d484a63e636e6f6a0e3b631a085cee32332bba8b2321_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Seasonal Collections"
|
||||
description="Discover our signature floral arrangements designed for every occasion, from cozy home decor to unforgettable gift-giving."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Oi Studio", name: "Velvet Rose Bouquet", price: "$85", rating: 5, reviewCount: "12", imageSrc: "https://pixabay.com/get/g87f5c10ff7911c1c01e06d77119948f23ee02e847f03bcb55ea3a3a4d3e2caa3c1b4307813aad7b6a716c2fb81eadb2e2edf241223cae40f9fc1b3e244152eba_1280.jpg" },
|
||||
{ id: "2", brand: "Oi Studio", name: "Spring Tulip Joy", price: "$60", rating: 5, reviewCount: "8", imageSrc: "https://pixabay.com/get/gdc48a2d0be7db08dc206c3608debdfdbf920c578fe250fcf7bc2aab60d185356d32eb761357cfb6a1f2f49f0fec900b7756852c5589328b9299c3cc513d11380_1280.jpg" },
|
||||
{ id: "3", brand: "Oi Studio", name: "Rustic Wildwood Bunch", price: "$75", rating: 4, reviewCount: "20", imageSrc: "https://pixabay.com/get/gdaebbf1fe962faace9d7e45800333f877ca9317d69dce2d7403f26e0170b79ae1c533c162d372f08b270d1b0873c3758eef638154a6cae33ce65af7e7f37db8d_1280.jpg" },
|
||||
{ id: "4", brand: "Oi Studio", name: "Pure Lily Elegance", price: "$90", rating: 5, reviewCount: "5", imageSrc: "https://pixabay.com/get/g91890edb6786d28195d2cc00320be0cfe6a5679b9a5bb1e7069f4a1a894940b2e08de1bd8e1096525f3f185a2302f7a0b4ed6ba23366f2f8fbf06bba91fd4f31_1280.jpg" },
|
||||
{ id: "5", brand: "Oi Studio", name: "Golden Sunflowers", price: "$55", rating: 4, reviewCount: "15", imageSrc: "https://pixabay.com/get/gd81fa742d18002392d77ed994e09239bc8bcd03840c8df88a3e727e08947d95639f3a4858b36ff2474f5766f154896c12dd02081f5aff3098de30642c7c27c11_1280.jpg" },
|
||||
{ id: "6", brand: "Oi Studio", name: "Pastel Dreamscape", price: "$95", rating: 5, reviewCount: "10", imageSrc: "https://pixabay.com/get/gd99dcc1da1af12001ff2a6c386aafed3730fb47fc2d8b5b6d6b8f6f87faf1ceb0e482f032a9d98b681c4d484a63e636e6f6a0e3b631a085cee32332bba8b2321_1280.jpg" },
|
||||
]}
|
||||
title="Seasonal Collections"
|
||||
description="Discover our signature floral arrangements designed for every occasion, from cozy home decor to unforgettable gift-giving."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna S.",
|
||||
handle: "@anna_flo",
|
||||
testimonial: "The most beautiful flowers I've ever received! The arrangement was stunning.",
|
||||
imageSrc: "https://pixabay.com/get/gd2f92080637fcc5460b907aa9b08da5907678f5d1b92eb22165a6f4174dbd8a939a9063e338f916e82ae204d10d4a8818afd765a95d8d66e91dbd72168c872e9_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
handle: "@mark_flowers",
|
||||
testimonial: "Oi Studio saved my anniversary. Absolutely impeccable service and design.",
|
||||
imageSrc: "https://pixabay.com/get/g8bfa6ce63bba3e1ca37f3888ed30c08b4b584a7ddd210fbd09f18d1226ccafbbd735c5726e9300e5546d32cb671619d05cd2a229fd0938310c1b5b90375deb08_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_flora",
|
||||
testimonial: "I love the seasonal choices. You can really feel the love in every bunch.",
|
||||
imageSrc: "https://pixabay.com/get/gd8d1247a75c94b0e50f76bb3b7272deab99c75f5c89ab701214e418ece79a68b004b0b4728eda201da116e854ae7c3444569028927fe26da4f7b2f19c2e60ac1_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloet_art",
|
||||
testimonial: "Fresh, vibrant, and long-lasting flowers. Highly recommended!",
|
||||
imageSrc: "https://pixabay.com/get/g0189e0833b13f9f7c4f2c5fa294139f3ad65f7eaf5bcc46a00ab094ecc39f9e0a152a44f42951222059f3545762071e86d753e25797c630503e5c0d9fe938e0f_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James D.",
|
||||
handle: "@james_design",
|
||||
testimonial: "A wonderful experience from start to finish. Beautiful craft.",
|
||||
imageSrc: "https://pixabay.com/get/gf6cebae5df103741cae8fbeb67d71a3a4891912c4b3064b9ef85313162b8e8a616ecf91df9f5af6662e710f89f4331d0376260eed26253fbca5cfa6c0b8582dc_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stories of Joy"
|
||||
description="Our customers are at the heart of everything we do. See why our bouquets bring smiles to homes everywhere."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anna S.", handle: "@anna_flo", testimonial: "The most beautiful flowers I've ever received! The arrangement was stunning.", imageSrc: "https://pixabay.com/get/gd2f92080637fcc5460b907aa9b08da5907678f5d1b92eb22165a6f4174dbd8a939a9063e338f916e82ae204d10d4a8818afd765a95d8d66e91dbd72168c872e9_1280.jpg" },
|
||||
{ id: "2", name: "Mark L.", handle: "@mark_flowers", testimonial: "Oi Studio saved my anniversary. Absolutely impeccable service and design.", imageSrc: "https://pixabay.com/get/g8bfa6ce63bba3e1ca37f3888ed30c08b4b584a7ddd210fbd09f18d1226ccafbbd735c5726e9300e5546d32cb671619d05cd2a229fd0938310c1b5b90375deb08_1280.jpg" },
|
||||
{ id: "3", name: "Sarah P.", handle: "@sarah_flora", testimonial: "I love the seasonal choices. You can really feel the love in every bunch.", imageSrc: "https://pixabay.com/get/gd8d1247a75c94b0e50f76bb3b7272deab99c75f5c89ab701214e418ece79a68b004b0b4728eda201da116e854ae7c3444569028927fe26da4f7b2f19c2e60ac1_1280.jpg" },
|
||||
{ id: "4", name: "Chloe T.", handle: "@chloet_art", testimonial: "Fresh, vibrant, and long-lasting flowers. Highly recommended!", imageSrc: "https://pixabay.com/get/g0189e0833b13f9f7c4f2c5fa294139f3ad65f7eaf5bcc46a00ab094ecc39f9e0a152a44f42951222059f3545762071e86d753e25797c630503e5c0d9fe938e0f_1280.jpg" },
|
||||
{ id: "5", name: "James D.", handle: "@james_design", testimonial: "A wonderful experience from start to finish. Beautiful craft.", imageSrc: "https://pixabay.com/get/gf6cebae5df103741cae8fbeb67d71a3a4891912c4b3064b9ef85313162b8e8a616ecf91df9f5af6662e710f89f4331d0376260eed26253fbca5cfa6c0b8582dc_1280.jpg" },
|
||||
]}
|
||||
title="Stories of Joy"
|
||||
description="Our customers are at the heart of everything we do. See why our bouquets bring smiles to homes everywhere."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
text="Let’s create something beautiful together. Reach out for custom arrangements or special event consultations."
|
||||
buttons={[
|
||||
{
|
||||
text: "hello@oiflowers.studio",
|
||||
href: "mailto:hello@oiflowers.studio",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
text="Let’s create something beautiful together. Reach out for custom arrangements or special event consultations."
|
||||
buttons={[{ text: "hello@oiflowers.studio", href: "mailto:hello@oiflowers.studio" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Oi Flowers",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Oi Flowers Studio"
|
||||
bottomRightText="Crafted with nature."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Oi Flowers", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#" }] },
|
||||
{ title: "Collections", items: [{ label: "Shop All", href: "#products" }, { label: "Custom", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Oi Flowers Studio"
|
||||
bottomRightText="Crafted with nature."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user