138 lines
6.0 KiB
TypeScript
138 lines
6.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
showBlurBottom={false}
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Kvitka Moya"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "FAQ", id: "/faq" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Discover the Beauty of Fresh Flowers"
|
|
description="Handcrafted floral arrangements for every occasion. From stunning bouquets to elegant centerpieces, we bring nature's finest blooms to your doorstep."
|
|
tag="Premium Florist"
|
|
imageSrc="https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
|
|
imageAlt="Beautiful fresh flower arrangement"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Arrangements"
|
|
description="Explore our most popular and beloved floral collections"
|
|
tag="Best Sellers"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Kvitka Moya", name: "Elegant Rose Bouquet", price: "$89.99", rating: 5,
|
|
reviewCount: "342", imageSrc: "https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg", imageAlt: "Elegant rose bouquet"
|
|
},
|
|
{
|
|
id: "2", brand: "Kvitka Moya", name: "Spring Tulip Collection", price: "$74.99", rating: 5,
|
|
reviewCount: "289", imageSrc: "https://img.b2bpic.net/free-photo/flower-composition-bucket-roses-orchid-lithianthus-side-view_141793-4426.jpg", imageAlt: "Spring tulip collection"
|
|
},
|
|
{
|
|
id: "3", brand: "Kvitka Moya", name: "Sunshine Sunflower Mix", price: "$64.99", rating: 5,
|
|
reviewCount: "201", imageSrc: "https://img.b2bpic.net/free-photo/pretty-decoration-with-pink-flowers_23-2147609386.jpg", imageAlt: "Sunshine sunflower arrangement"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
cardTitle="Loved by thousands of customers for delivering beauty and joy"
|
|
cardTag="Customer Reviews"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Kvitka Moya"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Arrangements", href: "/products" },
|
|
{ label: "Seasonal Flowers", href: "/products" },
|
|
{ label: "Custom Orders", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Delivery Info", href: "/about" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Track Order", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Newsletter", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Kvitka Moya. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |