280 lines
10 KiB
TypeScript
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>
|
|
);
|
|
} |