265 lines
17 KiB
TypeScript
265 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Corporate Petals"
|
|
navItems={[
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Impact", id: "metrics" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Corporate Petals"
|
|
description="Bring workplace wellness, beauty, and community impact together. Discover how fresh weekly flower deliveries transform offices into inspiring, healthier environments that boost employee morale, creativity, and productivity."
|
|
buttons={[
|
|
{ text: "Start Your Journey", href: "#contact" },
|
|
{ text: "Learn More", href: "#how-it-works" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/red-watering-can-with-flowers-yellow-background_23-2147600651.jpg"
|
|
imageAlt="Fresh flower bouquet in modern office setting"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Why flowers matter in the workplace" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Our Mission", href: "#how-it-works" }
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardTwentyOne
|
|
title="How Corporate Petals Works"
|
|
description="A seamless subscription service designed for modern workplaces seeking to elevate their environments with natural beauty and meaningful community impact."
|
|
tag="Our Service"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Weekly Flower Delivery", content: "Each week, Corporate Petals delivers a professionally arranged bouquet to your office, reception desk, conference rooms, or shared workspaces. Our expert florists source fresh seasonal flowers to ensure lasting beauty and vibrancy throughout the week."
|
|
},
|
|
{
|
|
id: "2", title: "Simple Subscription Model", content: "Subscribe to a weekly floral plan and keep your office looking vibrant and welcoming year-round. $50 per bouquet per week, with flexible scaling for multiple office locations or areas. No hidden fees, no long-term contracts—pure simplicity."
|
|
},
|
|
{
|
|
id: "3", title: "End-of-Week Pickup & Donation", content: "At the end of each week, we offer to pick up your flowers for charitable donation. Your blooms go directly to local hospitals, nursing homes, and women's shelters, extending joy beyond your workplace and creating meaningful community impact."
|
|
},
|
|
{
|
|
id: "4", title: "Community Impact", content: "Participate in a program that reduces waste while supporting local charities. Your company becomes a force for good—combining workplace wellness with corporate social responsibility in one elegant gesture."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-3024.jpg?_wi=1"
|
|
imageAlt="Fresh flowers in office workspace"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
buttons={[
|
|
{ text: "Start Now", href: "#contact" }
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Transparent Pricing"
|
|
description="One simple, predictable subscription model. Scale with your office needs."
|
|
plans={[
|
|
{
|
|
id: "single", title: "Single Bouquet", price: "$50", period: "/week", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-florist-arranging-flowers-bouquet_23-2148377304.jpg?_wi=1", imageAlt: "Single fresh flower bouquet", button: { text: "Get Started", href: "#contact" },
|
|
features: [
|
|
"Professional floral arrangement", "Fresh seasonal flowers", "Weekly delivery to office", "Optional end-of-week pickup"
|
|
]
|
|
},
|
|
{
|
|
id: "multiple", title: "Multiple Bouquets", price: "Custom", period: "pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-exotic-orchid_52683-145847.jpg?_wi=1", imageAlt: "Multiple flower arrangements", button: { text: "Contact Sales", href: "#contact" },
|
|
features: [
|
|
"Scale to multiple office areas", "Reception desk + conference rooms", "Bulk delivery coordination", "Custom arrangement preferences"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="The Impact of Workplace Flowers"
|
|
description="Research-backed benefits that transform office culture."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "47%", title: "Increase in Employee Satisfaction", items: [
|
|
"Natural elements boost mood", "Creates inviting workspace", "Improves overall well-being"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "34%", title: "Boost in Productivity & Creativity", items: [
|
|
"Reduced stress and anxiety", "Enhanced focus and concentration", "Inspiring visual environment"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "2x", title: "Impact Through Donations", items: [
|
|
"Flowers given second life", "Community support multiplied", "Corporate social responsibility realized"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Partners Say"
|
|
description="Hear from companies transforming their workplaces with Corporate Petals."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, CEO of TechFlow Solutions", date: "Date: 15 November 2024", title: "A game-changer for our office culture", quote: "Corporate Petals transformed how our team feels about coming to the office. The weekly flowers create an immediate sense of care and professionalism. Our employee satisfaction scores jumped significantly within the first month.", tag: "Tech Startup", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-view-mature-businessman-black-suit-against-sky_23-2147955282.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-florist-arranging-flowers-bouquet_23-2148377304.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Operations Director at GrowthCorp", date: "Date: 22 October 2024", title: "Beauty meets purpose", quote: "We love that the flowers are donated to local charities at week's end. It gives our team a sense of purpose beyond the office. Corporate Petals aligned perfectly with our sustainability goals.", tag: "Corporate Services", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elegant-adult-couple-spring-forest_1157-35200.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, HR Manager at Innovation Labs", date: "Date: 8 October 2024", title: "Simple, reliable, transformative", quote: "From day one, Corporate Petals made everything easy. Delivery is always on time, arrangements are always stunning, and our employees genuinely look forward to Monday mornings now. Highly recommend.", tag: "Tech Firm", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-exotic-orchid_52683-145847.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Founder of Creative Agency Partners", date: "Date: 25 September 2024", title: "Elevates the client experience", quote: "Clients notice the flowers immediately. It communicates that we care about beauty, quality, and attention to detail. Corporate Petals is now a signature part of our brand presence.", tag: "Creative Agency", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-3024.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Park, People Operations at DigitalFirst", date: "Date: 12 September 2024", title: "More than flowers—it's culture", quote: "What impressed us most was the customer service and flexibility. They understood our needs and adapted. Plus, the impact on team morale has been genuinely noticeable. Worth every dollar.", tag: "Digital Company", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499447.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-florist-arranging-flowers-bouquet_23-2148377304.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Walsh, CFO of Professional Services Group", date: "Date: 28 August 2024", title: "Wellness investment that pays dividends", quote: "We track employee engagement closely. Since partnering with Corporate Petals, we've seen measurable improvements in retention and satisfaction scores. It's a smart investment in company culture.", tag: "Professional Services", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-exotic-orchid_52683-145847.jpg?_wi=3"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Corporate Petals and our subscription service."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How often will flowers be delivered?", content: "Fresh flower bouquets are delivered every week on the same day. We coordinate timing with your office to ensure minimal disruption and maximum freshness. You can adjust delivery day preferences anytime."
|
|
},
|
|
{
|
|
id: "2", title: "What if I need to pause or cancel my subscription?", content: "There are no long-term contracts or cancellation fees. You can pause or cancel anytime with just a few days' notice. We want you to love working with us—no strings attached."
|
|
},
|
|
{
|
|
id: "3", title: "Can I customize the flower arrangements?", content: "Absolutely. We work with you to understand your office aesthetic and preferences. Let us know your favorite colors, styles, or any flowers to avoid, and we'll tailor arrangements accordingly."
|
|
},
|
|
{
|
|
id: "4", title: "How does the donation program work?", content: "At week's end, we pick up your flowers at no extra cost. We donate them to local hospitals, nursing homes, women's shelters, and community organizations. Your bouquets get a second life while supporting your community."
|
|
},
|
|
{
|
|
id: "5", title: "What areas do you service?", content: "We currently service the greater metropolitan area and surrounding regions. If you're unsure whether your location is covered, reach out and we'll let you know. We're expanding regularly."
|
|
},
|
|
{
|
|
id: "6", title: "How is invoicing handled?", content: "We offer simple monthly invoicing based on your subscription plan. It's transparent, predictable, and works seamlessly with most corporate accounting systems. Most clients set it up as a recurring charge."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to transform your workplace?"
|
|
description="Join hundreds of companies bringing wellness, beauty, and community impact into their offices. Start your Corporate Petals journey today."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your work email"
|
|
buttonText="Start Free Consultation"
|
|
tagAnimation="entrance-slide"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34841.jpg"
|
|
imageAlt="Fresh flowers in modern office workspace"
|
|
logoText="Corporate Petals"
|
|
copyrightText="© 2025 Corporate Petals. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Mission", href: "#how-it-works" },
|
|
{ label: "Impact", href: "#metrics" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Service", items: [
|
|
{ label: "How It Works", href: "#how-it-works" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |