Files
6919f299-80f9-42e6-9c61-f53…/src/app/page.tsx
2026-01-15 11:39:52 +00:00

105 lines
4.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from "next/link";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Morning"
navItems={[
{ name: "Products", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Reviews", id: "#testimonials" }
]}
button={{ text: "Shop Now", href: "/products" }}
className="rounded-full shadow-lg"
navItemClassName="font-medium"
buttonClassName="font-semibold"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Start Your Morning Right"
description="Discover our curated selection of premium teas and specialty coffees from around the world. Every cup tells a story."
tag="Premium Beverages"
imageSrc="https://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg"
imageAlt="Morning coffee ritual"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={true}
buttons={[
{ text: "Explore Products", href: "/products" },
{ text: "Learn More", href: "/about" }
]}
className="min-h-screen"
titleClassName="text-5xl font-bold"
descriptionClassName="text-lg max-w-2xl"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Morning has completely transformed my morning routine. The quality is exceptional, and knowing where my coffee comes from makes it taste even better. I'm a customer for life."
rating={5}
author="Sarah Mitchell, Coffee Enthusiast"
avatars={[
{ src: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Sarah Mitchell" },
{ src: "https://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Customer testimonial" },
{ src: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg", alt: "Customer testimonial" },
{ src: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg", alt: "Customer testimonial" },
{ src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer testimonial" },
{ src: "https://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Customer testimonial" }
]}
useInvertedBackground="invertDefault"
className="py-20"
/>
</div>
<FooterBaseReveal
columns={[
{
title: "Shop", items: [
{ label: "Coffee", href: "/products" },
{ label: "Tea", href: "/products" },
{ label: "Brewing Guides", href: "/about" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Sustainability", href: "/about" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Newsletter", href: "/contact" }
]
}
]}
copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
/>
</ThemeProvider>
);
}