Add src/app/pricing/page.tsx
This commit is contained in:
98
src/app/pricing/page.tsx
Normal file
98
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||||
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
|
import { Sparkles, Leaf, Heart } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function PricingPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="hover-bubble"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="mediumLarge"
|
||||||
|
sizing="largeSmallSizeLargeTitles"
|
||||||
|
background="aurora"
|
||||||
|
cardStyle="soft-shadow"
|
||||||
|
primaryButtonStyle="double-inset"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="light"
|
||||||
|
>
|
||||||
|
<div className="min-h-screen bg-background">
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
brandName="Bee Job"
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Products", id: "/products" },
|
||||||
|
{ name: "Pricing", id: "/pricing" },
|
||||||
|
{ name: "Contact", id: "contact" },
|
||||||
|
]}
|
||||||
|
button={{
|
||||||
|
text: "Order Now", href: "/products"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardTwo
|
||||||
|
title="Flexible Plans for Every Occasion"
|
||||||
|
description="Choose the perfect arrangement package for your special moment. All plans include free greeting card and careful delivery."
|
||||||
|
tag="Pricing"
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: "1", badge: "Classic Arrangement", badgeIcon: Leaf,
|
||||||
|
price: "$49.99", subtitle: "Perfect for birthdays and celebrations", buttons: [
|
||||||
|
{ text: "Choose Plan", href: "/products" },
|
||||||
|
{ text: "Customize", href: "/products" },
|
||||||
|
],
|
||||||
|
features: [
|
||||||
|
"6-8 stems of premium flowers", "Elegant vase included", "Standard delivery available", "Free greeting card"
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2", badge: "Premium Bouquet", badgeIcon: Sparkles,
|
||||||
|
price: "$84.99", subtitle: "Best for romantic occasions", buttons: [
|
||||||
|
{ text: "Choose Plan", href: "/products" },
|
||||||
|
{ text: "Customize", href: "/products" },
|
||||||
|
],
|
||||||
|
features: [
|
||||||
|
"12-15 stems of luxury flowers", "Premium decorative vase", "Same-day delivery included", "Personalized message card", "Complimentary ribbon wrap"
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3", badge: "Grand Celebration", badgeIcon: Heart,
|
||||||
|
price: "$149.99", subtitle: "For unforgettable moments", buttons: [
|
||||||
|
{ text: "Choose Plan", href: "/products" },
|
||||||
|
{ text: "Customize", href: "/products" },
|
||||||
|
],
|
||||||
|
features: [
|
||||||
|
"20+ stems of exotic varieties", "Designer luxury arrangement", "Priority same-day delivery", "Bespoke consultation included", "Premium packaging", "Flower care guide provided"
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4", price: "$199.99", subtitle: "For corporate events and weddings", buttons: [
|
||||||
|
{ text: "Contact Us", href: "contact" },
|
||||||
|
{ text: "Learn More", href: "/pricing" },
|
||||||
|
],
|
||||||
|
features: [
|
||||||
|
"30+ stems of premium selection", "Custom color schemes", "Multiple arrangement options", "Dedicated florist consultation", "Event planning support", "White glove delivery service", "Special occasion guarantee"
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
carouselMode="buttons"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoReveal logoText="Bee Job" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user