Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6355824a91 | |||
| 595ea1aea0 | |||
| bf6ec7c208 |
@@ -1258,4 +1258,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,7 +37,8 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now", href: "#products"}}
|
||||
text: "Order Now", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,17 +54,23 @@ export default function LandingPage() {
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg", imageAlt: "Luxury rose bouquet"},
|
||||
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg", imageAlt: "Luxury rose bouquet"
|
||||
},
|
||||
{
|
||||
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "Spring tulip arrangement"},
|
||||
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "Spring tulip arrangement"
|
||||
},
|
||||
{
|
||||
id: "3", imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg", imageAlt: "Bright sunflower bouquet"},
|
||||
id: "3", imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg", imageAlt: "Bright sunflower bouquet"
|
||||
},
|
||||
{
|
||||
id: "4", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg", imageAlt: "Elegant white lilies"},
|
||||
id: "4", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg", imageAlt: "Elegant white lilies"
|
||||
},
|
||||
{
|
||||
id: "5", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg", imageAlt: "Pink peonies luxury arrangement"},
|
||||
id: "5", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg", imageAlt: "Pink peonies luxury arrangement"
|
||||
},
|
||||
{
|
||||
id: "6", imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg", imageAlt: "Mixed colorful flower bouquet"},
|
||||
id: "6", imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg", imageAlt: "Mixed colorful flower bouquet"
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -122,11 +129,13 @@ export default function LandingPage() {
|
||||
tag="What Sets Us Apart"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced arrangements", "Limited variety selection", "Slow delivery times", "Low-quality blooms", "No personalization options"],
|
||||
"Mass-produced arrangements", "Limited variety selection", "Slow delivery times", "Low-quality blooms", "No personalization options"
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Handcrafted with artistry", "Curated premium selection", "Same-day delivery available", "Freshest blooms guaranteed", "Custom arrangements welcome"],
|
||||
"Handcrafted with artistry", "Curated premium selection", "Same-day delivery available", "Freshest blooms guaranteed", "Custom arrangements welcome"
|
||||
],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -141,17 +150,23 @@ export default function LandingPage() {
|
||||
tag="Customer Love"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", handle: "Wedding Guest", testimonial: "The bouquets were absolutely stunning and arrived fresh. The florist really understood what I wanted. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg", imageAlt: "Sarah Mitchell"},
|
||||
id: "1", name: "Sarah Mitchell", handle: "Wedding Guest", testimonial: "The bouquets were absolutely stunning and arrived fresh. The florist really understood what I wanted. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg", imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", handle: "Corporate Client", testimonial: "We use Bee Job for all our office events. Consistent quality and beautiful arrangements every single time.", imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg", imageAlt: "James Chen"},
|
||||
id: "2", name: "James Chen", handle: "Corporate Client", testimonial: "We use Bee Job for all our office events. Consistent quality and beautiful arrangements every single time.", imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg", imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", handle: "Regular Customer", testimonial: "The customer service is incredible. They helped me pick the perfect flowers for my mother's birthday. Will order again!", imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg", imageAlt: "Emma Rodriguez"},
|
||||
id: "3", name: "Emma Rodriguez", handle: "Regular Customer", testimonial: "The customer service is incredible. They helped me pick the perfect flowers for my mother's birthday. Will order again!", imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg", imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Michael Park", handle: "Anniversary Celebrant", testimonial: "After 10 years of marriage, I needed something special. Bee Job delivered beyond expectations. Worth every penny.", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg", imageAlt: "Michael Park"},
|
||||
id: "4", name: "Michael Park", handle: "Anniversary Celebrant", testimonial: "After 10 years of marriage, I needed something special. Bee Job delivered beyond expectations. Worth every penny.", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg", imageAlt: "Michael Park"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", handle: "Event Planner", testimonial: "As an event planner, I trust Bee Job with my most important clients. Their reliability is unmatched in the industry.", imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg", imageAlt: "Lisa Anderson"},
|
||||
id: "5", name: "Lisa Anderson", handle: "Event Planner", testimonial: "As an event planner, I trust Bee Job with my most important clients. Their reliability is unmatched in the industry.", imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg", imageAlt: "Lisa Anderson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Thompson", handle: "Repeat Customer", testimonial: "The freshness of these flowers lasts so much longer than other florists. That's why I come back every time.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg", imageAlt: "David Thompson"},
|
||||
id: "6", name: "David Thompson", handle: "Repeat Customer", testimonial: "The freshness of these flowers lasts so much longer than other florists. That's why I come back every time.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg", imageAlt: "David Thompson"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -173,7 +188,8 @@ export default function LandingPage() {
|
||||
{ text: "Customize" },
|
||||
],
|
||||
features: [
|
||||
"6-8 stems of premium flowers", "Elegant vase included", "Standard delivery available", "Free greeting card"],
|
||||
"6-8 stems of premium flowers", "Elegant vase included", "Standard delivery available", "Free greeting card"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Premium Bouquet", badgeIcon: Sparkles,
|
||||
@@ -182,7 +198,8 @@ export default function LandingPage() {
|
||||
{ text: "Customize" },
|
||||
],
|
||||
features: [
|
||||
"12-15 stems of luxury flowers", "Premium decorative vase", "Same-day delivery included", "Personalized message card", "Complimentary ribbon wrap"],
|
||||
"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,
|
||||
@@ -191,7 +208,8 @@ export default function LandingPage() {
|
||||
{ text: "Customize" },
|
||||
],
|
||||
features: [
|
||||
"20+ stems of exotic varieties", "Designer luxury arrangement", "Priority same-day delivery", "Bespoke consultation included", "Premium packaging", "Flower care guide provided"],
|
||||
"20+ stems of exotic varieties", "Designer luxury arrangement", "Priority same-day delivery", "Bespoke consultation included", "Premium packaging", "Flower care guide provided"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -221,4 +239,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
100
src/app/products/page.tsx
Normal file
100
src/app/products/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Leaf } from 'lucide-react';
|
||||
|
||||
export default function ProductsPage() {
|
||||
const allProducts = [
|
||||
{
|
||||
id: "1", name: "Romantic Red Roses", price: "$89.99", variant: "12 stems • Premium grade", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Red roses bouquet", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2", name: "Spring Tulip Paradise", price: "$74.99", variant: "15 stems • Mixed colors", imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg", imageAlt: "Colorful tulip arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sunshine Sunflowers", price: "$64.99", variant: "10 stems • Cheerful arrangement", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg", imageAlt: "Bright sunflower bouquet", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4", name: "Exotic Orchid Elegance", price: "$99.99", variant: "8 stems • Rare varieties", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg", imageAlt: "Premium orchid arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lavender Dreams", price: "$79.99", variant: "14 stems • Calming blend", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg", imageAlt: "Lavender dream bouquet", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "6", name: "White Elegance", price: "$94.99", variant: "12 stems • Classic white", imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "White elegance arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "7", name: "Sunset Blend", price: "$84.99", variant: "16 stems • Warm tones", imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg", imageAlt: "Sunset blend arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "8", name: "Tropical Sunset", price: "$109.99", variant: "20 stems • Exotic collection", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg", imageAlt: "Tropical sunset arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "9", name: "Garden Party Bouquet", price: "$69.99", variant: "18 stems • Mixed garden flowers", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg", imageAlt: "Garden party bouquet", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "10", name: "Rainbow Celebration", price: "$99.99", variant: "24 stems • All colors", imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg", imageAlt: "Rainbow celebration bouquet", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "11", name: "Minimalist Zen", price: "$54.99", variant: "6 stems • Simple elegance", imageSrc: "https://img.b2bpic.net/free-photo/day-beauti-flowers-flower-white_1303-2012.jpg", imageAlt: "Minimalist zen arrangement", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "12", name: "Executive Gift Box", price: "$124.99", variant: "Premium arrangement in gift box", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Executive gift box arrangement", isFavorited: false,
|
||||
},
|
||||
];
|
||||
|
||||
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: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="All Products"
|
||||
description="Explore our complete collection of handcrafted floral arrangements"
|
||||
tag="Full Catalog"
|
||||
tagIcon={Leaf}
|
||||
products={allProducts}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal logoText="Bee Job" />
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user