296 lines
8.3 KiB
TypeScript
296 lines
8.3 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
|
import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
|
|
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
|
|
|
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="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="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="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: [
|
|
{
|
|
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>
|
|
</>
|
|
);
|
|
}
|