Files
326ecbf1-2223-4821-a63c-339…/src/app/page.tsx
2026-01-06 14:40:05 +02:00

280 lines
10 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Facebook, Twitter } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="noiseGradient"
cardStyle="outline-light"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleMinimal
brandName="Goood"
button={{
text: "Explore Our Collection",
href: "#products"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="GOOOD"
description="Send Stunning Flowers with Just a Few Clicks\n\nCurated bouquets delivered fresh to your doorstep or to someone special"
buttons={[
{
text: "Explore Our Collection",
href: "#products"
},
{
text: "Learn More",
href: "#about"
}
]}
layoutOrder="default"
imageSrc="https://img.b2bpic.net/free-photo/female-florist-promoting-mixed-flower-basket_114579-2775.jpg"
imageAlt="Beautiful fresh flower bouquet delivery"
frameStyle="card"
/>
</div>
<div id="products" data-section="products">
<ProductCardSix
title="Featured Collections"
description="Explore our curated seasonal collections of premium, fresh-cut flowers"
tag="New Arrivals"
products={[
{
id: "1",
name: "Premium Roses",
price: "$89",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703080389-v2myk9w5.jpg",
imageAlt: "Premium red roses bouquet"
},
{
id: "2",
name: "Vibrant Tulips",
price: "$79",
imageSrc: "https://img.b2bpic.net/free-photo/woman-s-hand-holding-basket-pf-fresh-flowers_23-2147882169.jpg",
imageAlt: "Colorful spring tulips arrangement"
},
{
id: "3",
name: "Cheerful Sunflowers",
price: "$75",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703091026-ar5h6odv.jpg",
imageAlt: "Bright sunflower bouquet"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="about" data-section="about">
<MediaSplitAbout
title="About Goood"
description="At Goood, we believe flowers have the power to express what words cannot. Every bouquet we deliver is carefully curated by our expert florists using only the freshest, highest-quality blooms. We're committed to bringing joy to your special moments—whether it's a celebration, an apology, or simply a gesture of love. Our fast, reliable delivery ensures your flowers arrive in perfect condition, ready to brighten someone's day."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703095136-li544uk0.jpg"
imageAlt="Goood florists arranging beautiful fresh flowers"
buttons={[
{
text: "Order Now",
href: "#contact"
}
]}
imagePosition="right"
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Loved by Customers"
description="See what our customers have to say about their Goood flower experience"
tag="Reviews"
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
role: "Marketing Director",
testimonial: "Goood flowers were absolutely stunning! They arrived fresh and beautifully arranged. My mom loved them for her birthday. Highly recommend!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703099993-32to3les.jpg",
imageAlt: "Portrait of Sarah Mitchell"
},
{
id: "2",
name: "Michael Chen",
role: "Business Owner",
testimonial: "I've ordered from Goood multiple times for client gifts. The quality is consistently excellent and delivery is always on time. Great service!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703103865-ibe4omt7.jpg",
imageAlt: "Portrait of Michael Chen"
},
{
id: "3",
name: "Emma Rodriguez",
role: "Event Planner",
testimonial: "As an event planner, I trust Goood with my most important occasions. Their attention to detail and fresh flowers make every event special.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703123494-q6vqc8ud.jpg",
imageAlt: "Portrait of Emma Rodriguez"
},
{
id: "4",
name: "James Wilson",
role: "Corporate Manager",
testimonial: "We use Goood for all our office celebrations. The bouquets brighten our workspace and our team absolutely loves them. Fast delivery too!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703132057-2g8m3p1u.jpg",
imageAlt: "Portrait of James Wilson"
},
{
id: "5",
name: "Lisa Anderson",
role: "Wedding Planner",
testimonial: "Goood helped make my sister's wedding day unforgettable with their gorgeous bridal bouquet and centerpieces. Pure perfection!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703140098-xl34id3u.jpg",
imageAlt: "Portrait of Lisa Anderson"
},
{
id: "6",
name: "David Park",
role: "Healthcare Professional",
testimonial: "I sent flowers to a colleague and they arrived looking absolutely fresh and vibrant. Goood delivers quality and joy in every arrangement.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767703146003-ebte5x6b.jpg",
imageAlt: "Portrait of David Park"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to send flowers that will brighten someone's day? Let's create the perfect arrangement for your special moment."
animationType="entrance-slide"
buttons={[
{
text: "Order Now",
href: "https://order.goood.com"
},
{
text: "Contact Us",
href: "mailto:hello@goood.com"
}
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="footer" data-section="footer">
<FooterSocial
logoText="Goood"
copyrightText="© Goood Flowers, Inc. 2025. All rights reserved."
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about"
},
{
label: "Careers",
href: "#"
},
{
label: "Blog",
href: "#"
}
]
},
{
title: "Services",
items: [
{
label: "Flower Collections",
href: "#products"
},
{
label: "Delivery Info",
href: "#"
},
{
label: "Corporate Gifts",
href: "#"
}
]
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact"
},
{
label: "FAQ",
href: "#"
},
{
label: "Returns",
href: "#"
}
]
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#"
},
{
label: "Terms of Service",
href: "#"
}
]
}
]}
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/gooodflowers",
ariaLabel: "Follow us on Instagram"
},
{
icon: Facebook,
href: "https://facebook.com/gooodflowers",
ariaLabel: "Follow us on Facebook"
},
{
icon: Twitter,
href: "https://twitter.com/gooodflowers",
ariaLabel: "Follow us on Twitter"
}
]}
/>
</div>
</ThemeProvider>
);
}