Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ad3cccdeb5 | |||
| 308f5421b7 | |||
| 7dc8b0e58b | |||
| 6f8a1dbfdd | |||
| b1d30940f6 |
130
src/app/page.tsx
130
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Leaf, Shield, Sparkles } from "lucide-react";
|
||||
import { Leaf, Shield, Sparkles, Star, Zap, Droplets } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bloom & Petal"
|
||||
/>
|
||||
@@ -46,23 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Nature’s Beauty, Delivered"
|
||||
description="Experience the freshness of hand-picked seasonal flowers designed to brighten your home or surprise someone special."
|
||||
buttons={[{ text: "Shop Fresh Flowers", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147760917.jpg", imageAlt: "fresh flowers bouquet warm light"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hello-spring-collage_23-2149319131.jpg", imageAlt: "elegant flower arrangement minimal"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-colorful-flowers-with-leaves-blue-surface-with-copy-space_141793-13723.jpg", imageAlt: "vibrant floral bouquet soft background"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36245.jpg", imageAlt: "delicate roses bunch floral shop"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-roses-vase_23-2148387998.jpg", imageAlt: "nature inspired floral collection"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/flower-composition-plate_23-2147766623.jpg", imageAlt: "luxury flower shop floral display"},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147760917.jpg", imageAlt: "fresh flowers bouquet warm light" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hello-spring-collage_23-2149319131.jpg", imageAlt: "elegant flower arrangement minimal" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-colorful-flowers-with-leaves-blue-surface-with-copy-space_141793-13723.jpg", imageAlt: "vibrant floral bouquet soft background" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36245.jpg", imageAlt: "delicate roses bunch floral shop" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-roses-vase_23-2148387998.jpg", imageAlt: "nature inspired floral collection" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/flower-composition-plate_23-2147766623.jpg", imageAlt: "luxury flower shop floral display" },
|
||||
]}
|
||||
autoPlay={true}
|
||||
/>
|
||||
@@ -75,12 +66,9 @@ export default function LandingPage() {
|
||||
title="Artfully Curated Florals"
|
||||
description="We believe in the power of flowers to transform spaces and elevate moods. Our team of expert florists carefully curates every bouquet using sustainable, locally sourced blooms to ensure freshness and longevity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Sourcing", description: "We source flowers from local farms."},
|
||||
{
|
||||
title: "Expert Design", description: "Handcrafted bouquets by professional artists."},
|
||||
{
|
||||
title: "Same-Day Delivery", description: "Freshness delivered on your schedule."},
|
||||
{ title: "Sustainable Sourcing", description: "We source flowers from local farms." },
|
||||
{ title: "Expert Design", description: "Handcrafted bouquets by professional artists." },
|
||||
{ title: "Same-Day Delivery", description: "Freshness delivered on your schedule." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/florist_23-2148013605.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -93,19 +81,28 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Blooms?"
|
||||
description="Excellence in service and botanical quality, designed to make every moment memorable."
|
||||
features={[
|
||||
{
|
||||
title: "Freshness Guarantee", description: "We ensure your flowers arrive at the peak of their beauty.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Freshness Guarantee", description: "We ensure your flowers arrive at the peak of their beauty.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Seasonal Collections", description: "Our offerings change with the seasons to reflect nature's best.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
title: "Seasonal Collections", description: "Our offerings change with the seasons to reflect nature's best.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Custom Designs", description: "Need something unique? Our artists love custom commissions.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
title: "Eco-Friendly Packaging", description: "Compostable and sustainable materials to respect the earth.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "Artisan Craftsmanship", description: "Handcrafted by masters with years of floral experience.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Customer Love", description: "Highly rated service for all your special occasions.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Swift Logistics", description: "Optimized delivery routes for guaranteed freshness.", bentoComponent: "reveal-icon", icon: Zap
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Excellence in service and botanical quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,18 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Classic Roses", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-fresh-roses-with-green-leaves-decorative-plant_23-2148071792.jpg"},
|
||||
{
|
||||
id: "p2", name: "Golden Sunflowers", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/watering-can-yellow-spring-flowers_23-2148433003.jpg"},
|
||||
{
|
||||
id: "p3", name: "Spring Tulips", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-white-wooden-background-top-view_169016-29617.jpg"},
|
||||
{
|
||||
id: "p4", name: "Lavender Dream", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept-with-copyspace_23-2148195478.jpg"},
|
||||
{
|
||||
id: "p5", name: "Elegant Lilies", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flower_74190-430.jpg"},
|
||||
{
|
||||
id: "p6", name: "Peony Blush", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blooming-flowers_23-2148443884.jpg"},
|
||||
{ id: "p1", name: "Classic Roses", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-fresh-roses-with-green-leaves-decorative-plant_23-2148071792.jpg" },
|
||||
{ id: "p2", name: "Golden Sunflowers", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/watering-can-yellow-spring-flowers_23-2148433003.jpg" },
|
||||
{ id: "p3", name: "Spring Tulips", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-white-wooden-background-top-view_169016-29617.jpg" },
|
||||
{ id: "p4", name: "Lavender Dream", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept-with-copyspace_23-2148195478.jpg" },
|
||||
{ id: "p5", name: "Elegant Lilies", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flower_74190-430.jpg" },
|
||||
{ id: "p6", name: "Peony Blush", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blooming-flowers_23-2148443884.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Hand-picked favorites for every occasion."
|
||||
@@ -139,16 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Great Service", quote: "The flowers were incredibly fresh and beautiful.", name: "Alice M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207271.jpg"},
|
||||
{
|
||||
id: "2", title: "Stunning Bouquet", quote: "Bloom & Petal is my go-to for all gifts.", name: "Bob R.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-holding-flowers_23-2148488576.jpg"},
|
||||
{
|
||||
id: "3", title: "Fast Delivery", quote: "Perfect timing for our anniversary surprise.", name: "Carla S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/pleased-woman-with-short-hair-looking-surprised-happy-smiling-cheerfully-while-receiving-bouquet-flowers-from-her-boyfriend-celebrating-international-women-s-day-march-8_141793-78802.jpg"},
|
||||
{
|
||||
id: "4", title: "Exquisite Design", quote: "The artistry is simply unmatched in this area.", name: "David W.", role: "Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12309.jpg"},
|
||||
{
|
||||
id: "5", title: "Always Fresh", quote: "I love how long the arrangements last.", name: "Emily P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-blonde-young-female-florist-holding-bouquet-hand-making-ok-gesture_23-2148049427.jpg"},
|
||||
{ id: "1", title: "Great Service", quote: "The flowers were incredibly fresh and beautiful.", name: "Alice M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207271.jpg" },
|
||||
{ id: "2", title: "Stunning Bouquet", quote: "Bloom & Petal is my go-to for all gifts.", name: "Bob R.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-holding-flowers_23-2148488576.jpg" },
|
||||
{ id: "3", title: "Fast Delivery", quote: "Perfect timing for our anniversary surprise.", name: "Carla S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/pleased-woman-with-short-hair-looking-surprised-happy-smiling-cheerfully-while-receiving-bouquet-flowers-from-her-boyfriend-celebrating-international-women-s-day-march-8_141793-78802.jpg" },
|
||||
{ id: "4", title: "Exquisite Design", quote: "The artistry is simply unmatched in this area.", name: "David W.", role: "Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12309.jpg" },
|
||||
{ id: "5", title: "Always Fresh", quote: "I love how long the arrangements last.", name: "Emily P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-blonde-young-female-florist-holding-bouquet-hand-making-ok-gesture_23-2148049427.jpg" },
|
||||
]}
|
||||
title="From Our Happy Customers"
|
||||
description="See why our community loves our floral designs."
|
||||
@@ -159,12 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer same-day delivery?", content: "Yes, orders placed before 1 PM are eligible for same-day delivery."},
|
||||
{
|
||||
id: "q2", title: "How long do the bouquets last?", content: "With proper care, our arrangements can last 5-7 days."},
|
||||
{
|
||||
id: "q3", title: "Can I request custom colors?", content: "Absolutely, we specialize in custom floral commissions."},
|
||||
{ id: "q1", title: "Do you offer same-day delivery?", content: "Yes, orders placed before 1 PM are eligible for same-day delivery." },
|
||||
{ id: "q2", title: "How long do the bouquets last?", content: "With proper care, our arrangements can last 5-7 days." },
|
||||
{ id: "q3", title: "Can I request custom colors?", content: "Absolutely, we specialize in custom floral commissions." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to our most popular inquiries here."
|
||||
@@ -175,8 +158,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Let's Get in Touch"
|
||||
description="Have questions about our collections? Send us a message."
|
||||
@@ -191,26 +173,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-green-palm-leaves-arrangement_23-2149015447.jpg"
|
||||
logoText="Bloom & Petal"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Flowers", href: "#products"},
|
||||
{
|
||||
label: "Custom Requests", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Flowers", href: "#products" }, { label: "Custom Requests", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Features", href: "#features" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user