Merge version_1_1777036192065 into main #3
@@ -1,272 +1,68 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarCentered from '@/components/ui/NavbarCentered';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Award, Shield, Sparkles } from "lucide-react";
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
|
||||
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "Products", href: "#products" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Luxury Botanical"
|
||||
title="Freshness for every occasion"
|
||||
description="Discover artisanal arrangements crafted with love and the finest seasonal blooms."
|
||||
primaryButton={{
|
||||
text: "Browse Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5&_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rkabe",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0mo6g",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Bloom & Petal"
|
||||
navItems={navItems}
|
||||
ctaButton={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Story"
|
||||
title="Crafting floral magic"
|
||||
description="We believe in the power of flowers to bring joy and color to every single day."
|
||||
items={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Fresh Daily",
|
||||
description: "Flowers picked every morning.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Design",
|
||||
description: "Award-winning floral artists.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Guaranteed Quality",
|
||||
description: "Freshness that lasts longer.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroTiltedCards tag="Luxury Botanical" title="Freshness for every occasion" description="Discover artisanal arrangements crafted with love and the finest seasonal blooms." primaryButton={{ text: "Browse Collection", href: "#products" }} secondaryButton={{ text: "Contact Us", href: "#contact" }} items={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rkabe" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0mo6g" }]} />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento
|
||||
tag="Why Us"
|
||||
title="Unmatched floral excellence"
|
||||
description="Experience the difference of artisanal blooms."
|
||||
features={[
|
||||
{
|
||||
title: "Daily Deliveries",
|
||||
description: "Rapid local delivery.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=be5szj",
|
||||
imageAlt: "elegant rose bouquet red",
|
||||
},
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Custom designs.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5&_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvzajf",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bnsi3",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs&_wi=2",
|
||||
imageAlt: "elegant rose bouquet red",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit tag="Our Story" title="Crafting floral magic" description="We believe in the power of flowers to bring joy and color to every single day." items={[{ icon: "Sparkles", title: "Fresh Daily", description: "Flowers picked every morning." }, { icon: "Award", title: "Expert Design", description: "Award-winning floral artists." }, { icon: "Shield", title: "Guaranteed Quality", description: "Freshness that lasts longer." }]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs" />
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductRatingCards
|
||||
tag="Catalog"
|
||||
title="Our Best Sellers"
|
||||
description="Hand-picked favorites by our community."
|
||||
products={[
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Classic Roses",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p9ma1h",
|
||||
},
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Sun Kissed",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpkyav",
|
||||
},
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Wild Lavender",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5fuvo",
|
||||
},
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Lily Grace",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5v25m9",
|
||||
},
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Spring Tulips",
|
||||
price: "$40",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=38jw89",
|
||||
},
|
||||
{
|
||||
brand: "Bloom",
|
||||
name: "Royal Peony",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vvm5as",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesBento tag="Why Us" title="Unmatched floral excellence" description="Experience the difference of artisanal blooms." features={[{ title: "Daily Deliveries", description: "Rapid local delivery.", bentoComponent: "animated-bar-chart" }, { title: "Artisan Craft", description: "Custom designs.", bentoComponent: "media-stack", items: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvzajf" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bnsi3" }] }]} />
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Subscriptions"
|
||||
title="Flower delivery plans"
|
||||
description="Never run out of fresh blooms."
|
||||
plans={[
|
||||
{
|
||||
tag: "Monthly",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Weekly delivery",
|
||||
"Seasonal blooms",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tczj4x",
|
||||
},
|
||||
{
|
||||
tag: "Quarterly",
|
||||
price: "$120",
|
||||
period: "/qtr",
|
||||
features: [
|
||||
"Priority support",
|
||||
"Exotic flowers",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m5997b",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductRatingCards tag="Catalog" title="Our Best Sellers" description="Hand-picked favorites by our community." products={[{ brand: "Bloom", name: "Classic Roses", price: "$55", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p9ma1h" }, { brand: "Bloom", name: "Sun Kissed", price: "$45", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpkyav" }, { brand: "Bloom", name: "Wild Lavender", price: "$35", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5fuvo" }]} />
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Happy Blooms"
|
||||
title="Loved by our customers"
|
||||
description="See why everyone loves our floral studio."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Wedding Client",
|
||||
quote: "Absolutely stunning arrangements!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75phos",
|
||||
},
|
||||
{
|
||||
name: "Bob K.",
|
||||
role: "Anniversary",
|
||||
quote: "My wife loved the bouquet.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1jz6q",
|
||||
},
|
||||
{
|
||||
name: "Sarah T.",
|
||||
role: "Regular Subscriber",
|
||||
quote: "The best floral service ever.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmg5n4",
|
||||
},
|
||||
{
|
||||
name: "Mike J.",
|
||||
role: "Birthday Gift",
|
||||
quote: "Incredible service and quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jydjpa",
|
||||
},
|
||||
{
|
||||
name: "Jane D.",
|
||||
role: "Event Planner",
|
||||
quote: "Consistently fresh and beautiful.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxo4i7",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards tag="Subscriptions" title="Flower delivery plans" description="Never run out of fresh blooms." plans={[{ tag: "Monthly", price: "$49", period: "/mo", features: ["Weekly delivery", "Seasonal blooms"], primaryButton: { text: "Subscribe", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tczj4x" }, { tag: "Quarterly", price: "$120", period: "/qtr", features: ["Priority support", "Exotic flowers"], primaryButton: { text: "Subscribe", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m5997b" }]} />
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="We are here to help."
|
||||
items={[
|
||||
{
|
||||
question: "Delivery areas?",
|
||||
answer: "We deliver city-wide.",
|
||||
},
|
||||
{
|
||||
question: "Freshness guarantee?",
|
||||
answer: "Yes, for 5 days.",
|
||||
},
|
||||
{
|
||||
question: "Custom orders?",
|
||||
answer: "Yes, contact our shop.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMarqueeCards tag="Happy Blooms" title="Loved by our customers" description="See why everyone loves our floral studio." testimonials={[{ name: "Alice M.", role: "Wedding Client", quote: "Absolutely stunning arrangements!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75phos" }, { name: "Bob K.", role: "Anniversary", quote: "My wife loved the bouquet.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1jz6q" }, { name: "Sarah T.", role: "Regular Subscriber", quote: "The best floral service ever.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmg5n4" }, { name: "Mike J.", role: "Birthday Gift", quote: "Incredible service and quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jydjpa" }, { name: "Jane D.", role: "Event Planner", quote: "Consistently fresh and beautiful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxo4i7" }]} />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Send us a message for special orders."
|
||||
inputPlaceholder="Email address"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple tag="Help" title="Common Questions" description="We are here to help." items={[{ question: "Delivery areas?", answer: "We deliver city-wide." }, { question: "Freshness guarantee?", answer: "Yes, for 5 days." }, { question: "Custom orders?", answer: "Yes, contact our shop." }]} />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail tag="Contact" title="Get in touch" description="Send us a message for special orders." inputPlaceholder="Email address" buttonText="Subscribe" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc" />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleMedia brand="Bloom & Petal" columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }, { title: "Services", items: [{ label: "Delivery", href: "#" }, { label: "Subscriptions", href: "#" }] }]} copyright="© 2024 Bloom & Petal." links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user