Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-01-29 16:33:02 +00:00
3 changed files with 106 additions and 54 deletions

View File

@@ -30,14 +30,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
brandName="Bee Job"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Order Now", href: "#products"
text: "Order Now", href: "/products"
}}
/>
</div>
@@ -49,8 +48,8 @@ export default function LandingPage() {
tag="Premium Flowers"
tagIcon={Sparkles}
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Learn More", href: "#about" },
{ text: "Shop Now", href: "/products" },
{ text: "View Pricing", href: "/pricing" },
]}
carouselItems={[
{
@@ -104,7 +103,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[
{ text: "View All Collections", href: "#products" },
{ text: "View All Collections", href: "/products" },
]}
/>
</div>
@@ -175,50 +174,6 @@ export default function LandingPage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Flexible Plans for Every Occasion"
description="Choose the perfect arrangement package for your special moment"
tag="Pricing"
plans={[
{
id: "1", badge: "Classic Arrangement", badgeIcon: Leaf,
price: "$49.99", subtitle: "Perfect for birthdays and celebrations", buttons: [
{ text: "Choose Plan" },
{ text: "Customize" },
],
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" },
{ text: "Customize" },
],
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" },
{ text: "Customize" },
],
features: [
"20+ stems of exotic varieties", "Designer luxury arrangement", "Priority same-day delivery", "Bespoke consultation included", "Premium packaging", "Flower care guide provided"
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
carouselMode="buttons"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"

98
src/app/pricing/page.tsx Normal file
View 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>
);
}

View File

@@ -66,8 +66,7 @@ export default function ProductsPage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "contact" },
]}
button={{