bender/3355c110-7db2-491d-aaa8-e38439816f0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-05 14:13:03 +00:00
parent a554721b86
commit b03dc0e16d
1 changed files with 114 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

371
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -32,45 +32,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Shop",
id: "#shop",
},
name: "Shop", id: "#shop"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "#faqs"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1frrf"
logoAlt="Blossom & Bloom Logo"
brandName="Blossom & Bloom"
button={{
text: "Order Now",
href: "#shop",
}}
text: "Order Now", href: "#shop"}}
/>
</div>
@@ -80,77 +62,38 @@ export default function LandingPage() {
description="Discover exquisite floral arrangements and gifts, meticulously crafted to bring joy and beauty to your special moments. Hand-delivered with care."
testimonials={[
{
name: "Sarah J.",
handle: "@FloralFanatic",
testimonial: "Blossom & Bloom always delivers the most stunning flowers! Fresh, fragrant, and beautifully arranged every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2587.jpg",
imageAlt: "Sarah J.",
},
name: "Sarah J.", handle: "@FloralFanatic", testimonial: "Blossom & Bloom always delivers the most stunning flowers! Fresh, fragrant, and beautifully arranged every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2587.jpg", imageAlt: "Sarah J."},
{
name: "Michael D.",
handle: "@HappyHusband",
testimonial: "My wife absolutely loves the bouquets from here. They last so long and are truly a work of art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gardener-surrounded-by-plants-holding-watering-can_23-2148435646.jpg",
imageAlt: "Michael D.",
},
name: "Michael D.", handle: "@HappyHusband", testimonial: "My wife absolutely loves the bouquets from here. They last so long and are truly a work of art.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gardener-surrounded-by-plants-holding-watering-can_23-2148435646.jpg", imageAlt: "Michael D."},
{
name: "Emily R.",
handle: "@EventPlanner",
testimonial: "For all my event floral needs, Blossom & Bloom is my go-to. Professional, creative, and always exceeds expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg",
imageAlt: "Emily R.",
},
name: "Emily R.", handle: "@EventPlanner", testimonial: "For all my event floral needs, Blossom & Bloom is my go-to. Professional, creative, and always exceeds expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg", imageAlt: "Emily R."},
{
name: "David K.",
handle: "@GiftGiver",
testimonial: "Their customer service is fantastic, and the flower quality is unmatched. Highly recommend for any gift occasion!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165067.jpg",
imageAlt: "David K.",
},
name: "David K.", handle: "@GiftGiver", testimonial: "Their customer service is fantastic, and the flower quality is unmatched. Highly recommend for any gift occasion!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165067.jpg", imageAlt: "David K."},
{
name: "Olivia M.",
handle: "@FlowerLover",
testimonial: "Every order is a delightful surprise. The flowers are consistently fresh and the designs are simply beautiful. A joy to receive!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
imageAlt: "Olivia M.",
},
name: "Olivia M.", handle: "@FlowerLover", testimonial: "Every order is a delightful surprise. The flowers are consistently fresh and the designs are simply beautiful. A joy to receive!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageAlt: "Olivia M."},
]}
buttons={[
{
text: "Shop Bouquets",
href: "#shop",
},
text: "Shop Bouquets", href: "#shop"},
{
text: "Custom Order",
href: "#contact",
},
text: "Custom Order", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
alt: "Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/young-confident-stylish-man-coat-intently-looking-away-outdoor_574295-1325.jpg",
alt: "Michael D.",
},
src: "http://img.b2bpic.net/free-photo/young-confident-stylish-man-coat-intently-looking-away-outdoor_574295-1325.jpg", alt: "Michael D."},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-bouquet-flowers-grey-backgro_176420-3049.jpg",
alt: "Emily R.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-bouquet-flowers-grey-backgro_176420-3049.jpg", alt: "Emily R."},
{
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338334.jpg",
alt: "David K.",
},
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338334.jpg", alt: "David K."},
{
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
alt: "Olivia M.",
},
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", alt: "Olivia M."},
]}
avatarText="Trusted by over 10,000 happy customers"
imageSrc="http://img.b2bpic.net/free-photo/cute-roses-vintage-envelope_23-2148231227.jpg"
@@ -167,9 +110,7 @@ export default function LandingPage() {
description="At Blossom & Bloom, we believe that every flower tells a story. Our journey began with a simple passion for nature's beauty and a desire to share it. We hand-pick the freshest blooms, crafting unique arrangements that capture the essence of your emotions, whether it's a grand celebration or a subtle gesture of affection."
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-florist-writing-notepad-with-laptop-desk_23-2147929475.jpg"
imageAlt="Florist arranging flowers in a cozy workshop"
@@ -183,23 +124,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Custom Bouquets",
description: "Craft a unique floral masterpiece for any occasion. Our expert florists work with you to design arrangements that perfectly convey your message.",
imageSrc: "http://img.b2bpic.net/free-photo/florist-with-bouquet-sitting-table_23-2147761007.jpg",
imageAlt: "Custom flower bouquet",
},
title: "Custom Bouquets", description: "Craft a unique floral masterpiece for any occasion. Our expert florists work with you to design arrangements that perfectly convey your message.", imageSrc: "http://img.b2bpic.net/free-photo/florist-with-bouquet-sitting-table_23-2147761007.jpg", imageAlt: "Custom flower bouquet"},
{
title: "Nationwide Delivery",
description: "Send fresh, beautiful flowers to your loved ones anywhere. Our reliable delivery ensures your blooms arrive pristine and on time.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-parcel-box-walking-street_1303-24656.jpg",
imageAlt: "Flower delivery van",
},
title: "Nationwide Delivery", description: "Send fresh, beautiful flowers to your loved ones anywhere. Our reliable delivery ensures your blooms arrive pristine and on time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-parcel-box-walking-street_1303-24656.jpg", imageAlt: "Flower delivery van"},
{
title: "Event Floral Design",
description: "Transform your weddings, corporate events, and parties into breathtaking floral paradises with our bespoke design services.",
imageSrc: "http://img.b2bpic.net/free-photo/row-bouquets-decorating-table_1304-4047.jpg",
imageAlt: "Wedding event floral decoration",
},
title: "Event Floral Design", description: "Transform your weddings, corporate events, and parties into breathtaking floral paradises with our bespoke design services.", imageSrc: "http://img.b2bpic.net/free-photo/row-bouquets-decorating-table_1304-4047.jpg", imageAlt: "Wedding event floral decoration"},
]}
title="Bloom with Our Tailored Floral Services"
description="From bespoke bouquets to grand event decor, Blossom & Bloom offers a range of services designed to meet your every floral need with unparalleled elegance and freshness."
@@ -215,65 +144,23 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
brand: "Blossom & Bloom",
name: "Classic Rose Bouquet",
price: "$55",
rating: 5,
reviewCount: "245",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-rose_74190-24.jpg",
imageAlt: "Classic Red Rose Bouquet",
},
id: "p1", brand: "Blossom & Bloom", name: "Classic Rose Bouquet", price: "$55", rating: 5,
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-rose_74190-24.jpg", imageAlt: "Classic Red Rose Bouquet"},
{
id: "p2",
brand: "Blossom & Bloom",
name: "Elegant Lily Arrangement",
price: "$68",
rating: 4,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/simple-bunch-white-lilies-closed-with-rustic-thread_114579-1855.jpg",
imageAlt: "Elegant White Lily Arrangement",
},
id: "p2", brand: "Blossom & Bloom", name: "Elegant Lily Arrangement", price: "$68", rating: 4,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/simple-bunch-white-lilies-closed-with-rustic-thread_114579-1855.jpg", imageAlt: "Elegant White Lily Arrangement"},
{
id: "p3",
brand: "Blossom & Bloom",
name: "Sunny Sunflower Surprise",
price: "$42",
rating: 5,
reviewCount: "310",
imageSrc: "http://img.b2bpic.net/free-photo/vast-sunflower-field-bright-blue-sky_84443-72949.jpg",
imageAlt: "Sunny Sunflower Bouquet",
},
id: "p3", brand: "Blossom & Bloom", name: "Sunny Sunflower Surprise", price: "$42", rating: 5,
reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/vast-sunflower-field-bright-blue-sky_84443-72949.jpg", imageAlt: "Sunny Sunflower Bouquet"},
{
id: "p4",
brand: "Blossom & Bloom",
name: "Spring Tulip Medley",
price: "$48",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/view-tulip-flowers-vases_23-2150321704.jpg",
imageAlt: "Colorful Spring Tulip Medley",
},
id: "p4", brand: "Blossom & Bloom", name: "Spring Tulip Medley", price: "$48", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/view-tulip-flowers-vases_23-2150321704.jpg", imageAlt: "Colorful Spring Tulip Medley"},
{
id: "p5",
brand: "Blossom & Bloom",
name: "Exotic Orchid Delight",
price: "$75",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-purple-phalaenopsis-amabilis-flowering-plant_181624-11525.jpg",
imageAlt: "Exotic Purple Orchid Plant",
},
id: "p5", brand: "Blossom & Bloom", name: "Exotic Orchid Delight", price: "$75", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-purple-phalaenopsis-amabilis-flowering-plant_181624-11525.jpg", imageAlt: "Exotic Purple Orchid Plant"},
{
id: "p6",
brand: "Blossom & Bloom",
name: "Seasonal Mixed Bouquet",
price: "$60",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-group-daisies_23-2148207829.jpg",
imageAlt: "Vibrant Seasonal Mixed Bouquet",
},
id: "p6", brand: "Blossom & Bloom", name: "Seasonal Mixed Bouquet", price: "$60", rating: 5,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-group-daisies_23-2148207829.jpg", imageAlt: "Vibrant Seasonal Mixed Bouquet"},
]}
title="Our Signature Flower Arrangements"
description="Explore our curated collection of beautiful bouquets and floral gifts, perfect for expressing every sentiment."
@@ -287,59 +174,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p-standard",
title: "Standard Bouquet",
price: "$49",
period: "one-time",
features: [
"Fresh seasonal selection",
"Hand-tied arrangement",
"Standard gift wrapping",
"Local delivery",
],
id: "p-standard", title: "Standard Bouquet", price: "$49", period: "one-time", features: [
"Fresh seasonal selection", "Hand-tied arrangement", "Standard gift wrapping", "Local delivery"],
button: {
text: "Select Standard",
href: "#shop",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-with-flower-paper-bag-white-background_23-2147929266.jpg",
imageAlt: "Standard flower bouquet",
},
text: "Select Standard", href: "#shop"},
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-with-flower-paper-bag-white-background_23-2147929266.jpg", imageAlt: "Standard flower bouquet"},
{
id: "p-premium",
title: "Premium Collection",
price: "$89",
period: "one-time",
features: [
"Exotic and rare blooms",
"Luxury presentation box",
"Personalized message card",
"Express delivery",
],
id: "p-premium", title: "Premium Collection", price: "$89", period: "one-time", features: [
"Exotic and rare blooms", "Luxury presentation box", "Personalized message card", "Express delivery"],
button: {
text: "Go Premium",
href: "#shop",
},
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17334.jpg",
imageAlt: "Premium flower collection",
},
text: "Go Premium", href: "#shop"},
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17334.jpg", imageAlt: "Premium flower collection"},
{
id: "p-subscription",
title: "Monthly Subscription",
price: "$75",
period: "per month",
features: [
"New seasonal bouquet monthly",
"Free delivery on all orders",
"Priority access to new arrivals",
"Flexible pause/cancel anytime",
],
id: "p-subscription", title: "Monthly Subscription", price: "$75", period: "per month", features: [
"New seasonal bouquet monthly", "Free delivery on all orders", "Priority access to new arrivals", "Flexible pause/cancel anytime"],
button: {
text: "Subscribe Now",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/decorative-poppy-flowers-side-view_140725-9114.jpg",
imageAlt: "Monthly flower subscription",
},
text: "Subscribe Now", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/decorative-poppy-flowers-side-view_140725-9114.jpg", imageAlt: "Monthly flower subscription"},
]}
title="Flexible Floral Plans"
description="Choose the perfect plan for your floral needs, whether it's a one-time gift or a continuous supply of fresh blooms."
@@ -354,25 +205,15 @@ export default function LandingPage() {
author="Jessica L., Happy Bride"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
alt: "Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20265.jpg",
alt: "Michael D.",
},
src: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20265.jpg", alt: "Michael D."},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-blonde-hair-green-eyes_23-2151993987.jpg",
alt: "Emily R.",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-blonde-hair-green-eyes_23-2151993987.jpg", alt: "Emily R."},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
alt: "Jessica L.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg", alt: "Jessica L."},
{
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
alt: "Robert P.",
},
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Robert P."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -385,25 +226,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How long do your flowers typically last?",
content: "With proper care, our fresh cut flowers typically last 5-7 days, with some varieties lasting even longer. We provide care instructions with every order.",
},
id: "faq1", title: "How long do your flowers typically last?", content: "With proper care, our fresh cut flowers typically last 5-7 days, with some varieties lasting even longer. We provide care instructions with every order."},
{
id: "faq2",
title: "Do you offer same-day delivery?",
content: "Yes, we offer same-day delivery for orders placed before 1 PM local time. Please check our delivery policy for specific areas and conditions.",
},
id: "faq2", title: "Do you offer same-day delivery?", content: "Yes, we offer same-day delivery for orders placed before 1 PM local time. Please check our delivery policy for specific areas and conditions."},
{
id: "faq3",
title: "Can I customize a bouquet?",
content: "Absolutely! We specialize in custom arrangements. You can contact us directly to discuss your preferences, preferred flowers, and budget, and our florists will create something unique for you.",
},
id: "faq3", title: "Can I customize a bouquet?", content: "Absolutely! We specialize in custom arrangements. You can contact us directly to discuss your preferences, preferred flowers, and budget, and our florists will create something unique for you."},
{
id: "faq4",
title: "What payment methods do you accept?",
content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay for your convenience.",
},
id: "faq4", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay for your convenience."},
]}
imageSrc="http://img.b2bpic.net/free-photo/gerbera-flowers-with-green-leaves-branches_23-2148043903.jpg"
imageAlt="Bouquet of fresh flowers on a table"
@@ -415,40 +244,68 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplitForm
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Get in Touch"
title="Let's Create Something Beautiful Together"
description="Have a special request, a question about an order, or just want to talk flowers? We'd love to hear from you!"
buttons={[
title="Let's Connect and Blossom Together"
description="Whether you have a custom order, a special event inquiry, or just want to send a message, we're here to help. Fill out the form below or reach us directly."
inputs={[
{
text: "Contact Us",
href: "mailto:info@blossomandbloom.com",
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
text: "Call Now",
href: "tel:+1234567890",
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/florist-arranging-flowers_23-2148435649.jpg"
imageAlt="Florist arranging flowers"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBaseCard
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1frrf"
logoAlt="Blossom & Bloom Logo"
logoText="Blossom & Bloom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
columns={[
{
title: "Shop", items: [
{
label: "Bouquets", href: "#shop"},
{
label: "Seasonal Flowers", href: "#shop"},
{
label: "Gifts & Plants", href: "#shop"},
],
},
{
title: "About Us", items: [
{
label: "Our Story", href: "#about"},
{
label: "Services", href: "#services"},
{
label: "Reviews", href: "#reviews"},
],
},
{
title: "Support", items: [
{
label: "FAQs", href: "#faqs"},
{
label: "Contact Us", href: "#contact"},
{
label: "Delivery Info", href: "#"},
],
},
]}
copyrightText="© 2024 Blossom & Bloom. All rights reserved."
/>
</div>
</ReactLenis>