Merge version_1_1776848693428 into main #1
386
src/App.tsx
386
src/App.tsx
@@ -12,284 +12,136 @@ import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialT
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Pionna"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
name: "Bouquets",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Pionna"
|
||||
navItems={[
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Bouquets", href: "#products" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
]}
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Floral Studio"
|
||||
title="Timeless Beauty in Every Bloom"
|
||||
description="Artisan flower arrangements curated for your most special moments. Discover the Pionna touch."
|
||||
primaryButton={{
|
||||
text: "Shop Bouquets",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-fower-bouquet-standing-ona-book-candles-around-table_114579-2001.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Floral Studio"
|
||||
title="Timeless Beauty in Every Bloom"
|
||||
description="Artisan flower arrangements curated for your most special moments. Discover the Pionna touch."
|
||||
primaryButton={{ text: "Shop Bouquets", href: "#products" }}
|
||||
secondaryButton={{ text: "About Us", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-fower-bouquet-standing-ona-book-candles-around-table_114579-2001.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Floral Philosophy"
|
||||
descriptions={[
|
||||
"Founded in the heart of the city, Pionna brings a unique blend of wild artistry and refined elegance. Every stem is hand-picked to ensure longevity and unparalleled beauty.",
|
||||
"We believe flowers have a voice of their own. Our studio focuses on sustainable sourcing and creative designs that tell a story for weddings, events, and daily joys.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Floral Philosophy"
|
||||
descriptions={[
|
||||
"Founded in the heart of the city, Pionna brings a unique blend of wild artistry and refined elegance. Every stem is hand-picked to ensure longevity and unparalleled beauty.", "We believe flowers have a voice of their own. Our studio focuses on sustainable sourcing and creative designs that tell a story for weddings, events, and daily joys."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductQuantityCards
|
||||
tag="Signature"
|
||||
title="Curated Collections"
|
||||
description="Choose from our selection of seasonal arrangements, wrapped with love."
|
||||
products={[
|
||||
{
|
||||
name: "Morning Mist Bouquet",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5452.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sunset Petals",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fall-winter-bouquet-with-hot-flowers-cinnamon-sticks_114579-1739.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pure Elegance",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-arrangement-wooden-table_23-2148846523.jpg",
|
||||
},
|
||||
{
|
||||
name: "Wild Garden",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-flowers-that-is-from-garden_23-2151898517.jpg",
|
||||
},
|
||||
{
|
||||
name: "Velvet Roses",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roses-bouquet-with-red-ribbon_23-2148017737.jpg",
|
||||
},
|
||||
{
|
||||
name: "Botanical Bliss",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36747.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductQuantityCards
|
||||
tag="Signature"
|
||||
title="Curated Collections"
|
||||
description="Choose from our selection of seasonal arrangements, wrapped with love."
|
||||
products={[
|
||||
{ name: "Morning Mist Bouquet", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5452.jpg" },
|
||||
{ name: "Sunset Petals", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/fall-winter-bouquet-with-hot-flowers-cinnamon-sticks_114579-1739.jpg" },
|
||||
{ name: "Pure Elegance", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-arrangement-wooden-table_23-2148846523.jpg" },
|
||||
{ name: "Wild Garden", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/painting-flowers-that-is-from-garden_23-2151898517.jpg" },
|
||||
{ name: "Velvet Roses", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/roses-bouquet-with-red-ribbon_23-2148017737.jpg" },
|
||||
{ name: "Botanical Bliss", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36747.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Experience"
|
||||
title="Our Studio Impact"
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
description: "Bouquets Crafted",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Weddings Styled",
|
||||
},
|
||||
{
|
||||
value: "45",
|
||||
description: "Local Growers",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Experience"
|
||||
title="Our Studio Impact"
|
||||
metrics={[
|
||||
{ value: "10k+", description: "Bouquets Crafted" },
|
||||
{ value: "500+", description: "Weddings Styled" },
|
||||
{ value: "45", description: "Local Growers" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Services"
|
||||
title="Bespoke Packages"
|
||||
description="Tailored floral solutions for every scale."
|
||||
plans={[
|
||||
{
|
||||
tag: "Events",
|
||||
price: "$450+",
|
||||
description: "Perfect for intimate gatherings.",
|
||||
primaryButton: {
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"3 Floral Centerpieces",
|
||||
"Delivery included",
|
||||
"Free consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Weddings",
|
||||
price: "$1,200+",
|
||||
description: "Full service floral styling.",
|
||||
primaryButton: {
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Bridal bouquet",
|
||||
"5 Table arrangements",
|
||||
"Venue setup",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Subscriptions",
|
||||
price: "$200/mo",
|
||||
description: "Fresh blooms on a regular basis.",
|
||||
primaryButton: {
|
||||
text: "Start Sub",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Weekly fresh delivery",
|
||||
"Vase rental",
|
||||
"15% off seasonal items",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Pionna made our wedding day look like a dream. The textures and colors were perfection."
|
||||
rating={5}
|
||||
author="Elena Rossi"
|
||||
avatars={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-465.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916488.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Help"
|
||||
title="Frequently Asked"
|
||||
items={[
|
||||
{
|
||||
question: "Do you offer same-day delivery?",
|
||||
answer: "Yes, for orders placed before 12 PM in the city area.",
|
||||
},
|
||||
{
|
||||
question: "How do I care for my flowers?",
|
||||
answer: "Trim stems at a 45-degree angle and change water every 2 days.",
|
||||
},
|
||||
{
|
||||
question: "Can I request custom colors?",
|
||||
answer: "Absolutely! Contact us for bespoke color palettes.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to design your floral experience?"
|
||||
primaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@pionna.studio",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleReveal
|
||||
brand="Pionna"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Services"
|
||||
title="Bespoke Packages"
|
||||
description="Tailored floral solutions for every scale."
|
||||
plans={[
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
tag: "Events", price: "$450+", description: "Perfect for intimate gatherings.", primaryButton: { text: "Inquire", href: "#contact" },
|
||||
features: ["3 Floral Centerpieces", "Delivery included", "Free consultation"],
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
tag: "Weddings", price: "$1,200+", description: "Full service floral styling.", primaryButton: { text: "Inquire", href: "#contact" },
|
||||
features: ["Bridal bouquet", "5 Table arrangements", "Venue setup"],
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
tag: "Subscriptions", price: "$200/mo", description: "Fresh blooms on a regular basis.", primaryButton: { text: "Start Sub", href: "#contact" },
|
||||
features: ["Weekly fresh delivery", "Vase rental", "15% off seasonal items"],
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Pionna Floral Studio."
|
||||
links={[
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Pionna made our wedding day look like a dream. The textures and colors were perfection."
|
||||
rating={5}
|
||||
author="Elena Rossi"
|
||||
avatars={[
|
||||
{ name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-465.jpg" },
|
||||
{ name: "Marcus J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg" },
|
||||
{ name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg" },
|
||||
{ name: "Chloe T.", imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916488.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Help"
|
||||
title="Frequently Asked"
|
||||
description="Find answers to common questions about our floral services and care guidelines."
|
||||
items={[
|
||||
{ question: "Do you offer same-day delivery?", answer: "Yes, for orders placed before 12 PM in the city area." },
|
||||
{ question: "How do I care for my flowers?", answer: "Trim stems at a 45-degree angle and change water every 2 days." },
|
||||
{ question: "Can I request custom colors?", answer: "Absolutely! Contact us for bespoke color palettes." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to design your floral experience?"
|
||||
primaryButton={{ text: "Email Us", href: "mailto:hello@pionna.studio" }}
|
||||
secondaryButton={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleReveal
|
||||
brand="Pionna"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyright="© 2024 Pionna Floral Studio."
|
||||
links={[{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user