Merge version_1 into main #1
336
src/app/page.tsx
336
src/app/page.tsx
@@ -13,248 +13,116 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Bouquets",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pandora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Bouquets", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pandora"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Blooms That Tell Your Story"
|
||||
description="Crafting artisanal floral arrangements for life's most precious moments at Pandora Studio."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-thrift-shop-with-vintage-clothes_482257-81981.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-woman-with-flowers_1098-1515.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-white-flowers-bottle-table_140725-816.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-brunette-girl-lays-her-bed-morning-holds-beautiful-roses-her-hands-top-view_496169-2286.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-scouts-spending-time-nature_23-2149572862.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Blooms That Tell Your Story"
|
||||
description="Crafting artisanal floral arrangements for life's most precious moments at Pandora Studio."
|
||||
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-thrift-shop-with-vintage-clothes_482257-81981.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-woman-with-flowers_1098-1515.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pink-white-flowers-bottle-table_140725-816.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-brunette-girl-lays-her-bed-morning-holds-beautiful-roses-her-hands-top-view_496169-2286.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boy-scouts-spending-time-nature_23-2149572862.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Petals"
|
||||
description="At Pandora, we believe every flower has a language. Our studio brings an organic, boutique approach to floral design, sourcing locally grown blooms to create sustainable, breathtaking arrangements for every occasion."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-florist-working-table_23-2148377341.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Petals"
|
||||
description="At Pandora, we believe every flower has a language. Our studio brings an organic, boutique approach to floral design, sourcing locally grown blooms to create sustainable, breathtaking arrangements for every occasion."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-florist-working-table_23-2148377341.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Royal Rose",
|
||||
price: "$85",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tulip-flowers-bouquet-pack-paper-light-table_23-2148103263.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Meadow Breeze",
|
||||
price: "$65",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-bouquet-lying-bench-park-autumn-wedding_1153-6527.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spring Minimalist",
|
||||
price: "$55",
|
||||
variant: "Boutique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-tulip-white-background_84443-87021.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rustic Harvest",
|
||||
price: "$70",
|
||||
variant: "Boho",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-mandala_23-2151843182.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Golden Radiance",
|
||||
price: "$90",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-holding-spring-flower-bouquet_23-2148442574.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Blush Romance",
|
||||
price: "$95",
|
||||
variant: "Wedding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-valentine-s-day-concept_23-2148717894.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Bouquets"
|
||||
description="Hand-curated selections from our daily harvest."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "The Royal Rose", price: "$85", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/tulip-flowers-bouquet-pack-paper-light-table_23-2148103263.jpg" },
|
||||
{ id: "p2", name: "Meadow Breeze", price: "$65", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-bouquet-lying-bench-park-autumn-wedding_1153-6527.jpg" },
|
||||
{ id: "p3", name: "Spring Minimalist", price: "$55", variant: "Boutique", imageSrc: "http://img.b2bpic.net/free-photo/red-tulip-white-background_84443-87021.jpg" },
|
||||
{ id: "p4", name: "Rustic Harvest", price: "$70", variant: "Boho", imageSrc: "http://img.b2bpic.net/free-photo/floral-mandala_23-2151843182.jpg" },
|
||||
{ id: "p5", name: "Golden Radiance", price: "$90", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/model-holding-spring-flower-bouquet_23-2148442574.jpg" },
|
||||
{ id: "p6", name: "Blush Romance", price: "$95", variant: "Wedding", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-valentine-s-day-concept_23-2148717894.jpg" },
|
||||
]}
|
||||
title="Signature Bouquets"
|
||||
description="Hand-curated selections from our daily harvest."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
role: "Bride",
|
||||
testimonial: "The arrangements were exactly what I envisioned. Magical!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-with-flowers_1098-1515.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Customer",
|
||||
testimonial: "Pandora's flowers are the freshest in town. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Reed",
|
||||
role: "Event Planner",
|
||||
testimonial: "Exceptional attention to detail. A pleasure to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-white-flowers-bottle-table_140725-816.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
role: "Customer",
|
||||
testimonial: "Stunning bouquets, delivered with care every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-girl-lays-her-bed-morning-holds-beautiful-roses-her-hands-top-view_496169-2286.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
role: "Loyal Fan",
|
||||
testimonial: "Pure artistry in every stem. Truly special flowers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-scouts-spending-time-nature_23-2149572862.jpg",
|
||||
},
|
||||
]}
|
||||
title="Kind Words from Our Friends"
|
||||
description="Stories from the people we love to bloom for."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Miller", role: "Bride", testimonial: "The arrangements were exactly what I envisioned. Magical!", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-with-flowers_1098-1515.jpg" },
|
||||
{ id: "t2", name: "James Chen", role: "Customer", testimonial: "Pandora's flowers are the freshest in town. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg" },
|
||||
{ id: "t3", name: "Sarah Reed", role: "Event Planner", testimonial: "Exceptional attention to detail. A pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/pink-white-flowers-bottle-table_140725-816.jpg" },
|
||||
{ id: "t4", name: "Mark Evans", role: "Customer", testimonial: "Stunning bouquets, delivered with care every single time.", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-girl-lays-her-bed-morning-holds-beautiful-roses-her-hands-top-view_496169-2286.jpg" },
|
||||
{ id: "t5", name: "Elena V.", role: "Loyal Fan", testimonial: "Pure artistry in every stem. Truly special flowers.", imageSrc: "http://img.b2bpic.net/free-photo/boy-scouts-spending-time-nature_23-2149572862.jpg" },
|
||||
]}
|
||||
title="Kind Words from Our Friends"
|
||||
description="Stories from the people we love to bloom for."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Create Beauty Together"
|
||||
description="Have a special order or event in mind? Drop us a line."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your floral dream...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147761223.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Create Beauty Together"
|
||||
description="Have a special order or event in mind? Drop us a line."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your floral dream..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147761223.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Pandora"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Bouquets",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Pandora Flower Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Pandora"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Bouquets", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Pandora Flower Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user