208 lines
11 KiB
TypeScript
208 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Award, Flower2, Heart, Sparkles, ShoppingCart, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Emmi"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="EMMI"
|
|
description="Handcrafted floral arrangements designed to bring elegance and natural beauty to every occasion. From intimate celebrations to grand events, we transform fresh flowers into unforgettable moments."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Our Collections", href: "#gallery" },
|
|
{ text: "Get in Touch", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg"
|
|
imageAlt="Emmi Flowers Studio - Premium Floral Arrangements"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Emmi Flowers Studio: Where Passion Meets Petals"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ icon: Flower2, label: "Custom Arrangements", value: "500+" },
|
|
{ icon: Heart, label: "Happy Customers", value: "1,200+" },
|
|
{ icon: Award, label: "Years in Industry", value: "8" },
|
|
{ icon: Sparkles, label: "Premium Collections", value: "25+" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyTwo
|
|
title="Our Services"
|
|
description="Discover our range of floral design services tailored to make your special moments unforgettable."
|
|
features={[
|
|
{
|
|
id: "1", category: ["Weddings", "Premium Events"],
|
|
title: "Wedding & Event Florals", imageSrc: "http://img.b2bpic.net/free-photo/bride-holding-bouquet_8353-8016.jpg?_wi=1", imageAlt: "Wedding Flowers and Bridal Bouquet"
|
|
},
|
|
{
|
|
id: "2", category: ["Corporate", "Celebrations"],
|
|
title: "Corporate & Party Arrangements", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-decorations_1303-10510.jpg?_wi=1", imageAlt: "Event and Corporate Floral Design"
|
|
},
|
|
{
|
|
id: "3", category: ["Subscriptions", "Regular Delivery"],
|
|
title: "Weekly Flower Subscriptions", imageSrc: "http://img.b2bpic.net/free-photo/spring-flowers-table-serving-decoration-concept-top-view_169016-29128.jpg?_wi=1", imageAlt: "Fresh Weekly Flower Delivery Service"
|
|
},
|
|
{
|
|
id: "4", category: ["Custom Design", "Consultation"],
|
|
title: "Custom Floral Design", imageSrc: "http://img.b2bpic.net/free-photo/bride-holding-bouquet_8353-8016.jpg?_wi=2", imageAlt: "Custom Floral Design Consultation"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardThree
|
|
title="Featured Collections"
|
|
description="Browse our stunning gallery of handcrafted arrangements. Each piece tells a story of elegance and artistry."
|
|
tag="Gallery"
|
|
products={[
|
|
{
|
|
id: "1", name: "Blush Rose Elegance", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pink-rose-bouquet_53876-153449.jpg", imageAlt: "Blush rose arrangement in classic vase", priceButtonProps: {
|
|
text: "Add to Cart",
|
|
icon: ShoppingCart,
|
|
onClick: () => console.log('Added Blush Rose Elegance to cart')
|
|
}
|
|
},
|
|
{
|
|
id: "2", name: "Minimalist White", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-spring-peonies-flowers-bed_169016-21421.jpg", imageAlt: "White peonies and greenery arrangement", priceButtonProps: {
|
|
text: "Quick Order",
|
|
icon: Zap,
|
|
onClick: () => console.log('Quick ordered Minimalist White')
|
|
}
|
|
},
|
|
{
|
|
id: "3", name: "Seasonal Rainbow", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-daisies-with-frame_23-2148207830.jpg", imageAlt: "Mixed colorful spring flowers arrangement", priceButtonProps: {
|
|
text: "Add to Cart",
|
|
icon: ShoppingCart,
|
|
onClick: () => console.log('Added Seasonal Rainbow to cart')
|
|
}
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real stories from happy customers who trusted us with their special moments."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, Bride", date: "Date: 15 November 2024", title: "The most beautiful bridal bouquet!", quote: "Emmi created the most stunning bridal bouquet for my wedding. Every detail was perfect, and the flowers stayed fresh throughout the entire day. I couldn't have asked for better.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bride-holding-bouquet_8353-8016.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Event Planner", date: "Date: 8 October 2024", title: "Elevated our entire event", quote: "Working with Emmi Flowers Studio transformed our corporate gala. The floral installations were absolutely breathtaking and received countless compliments from our guests.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-decorations_1303-10510.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Regular Client", date: "Date: 22 September 2024", title: "My weekly joy delivery", quote: "I've been subscribing to Emmi's weekly flower service for six months now. It's become my favorite part of the week. The quality is always exceptional and the arrangements are beautifully creative.", tag: "Subscription", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spring-flowers-table-serving-decoration-concept-top-view_169016-29128.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Interior Designer", date: "Date: 5 August 2024", title: "Perfect for client gifts", quote: "Emmi has become my go-to florist for corporate client gifts. The presentation is always immaculate, and clients are genuinely impressed. Highly recommended.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-decorations_1303-10510.jpg?_wi=3"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Ready to Create Something Beautiful?"
|
|
description="Reach out to discuss your floral needs. Whether it's a wedding, event, or weekly subscription, we're here to bring your vision to life."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fresh-flowers-flora-shop-work-space-business_53876-23097.jpg"
|
|
imageAlt="Emmi Flowers Studio workspace"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="EMMI"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Services", href: "#services" },
|
|
{ label: "Gallery", href: "#gallery" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Subscriptions", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |