112 lines
6.2 KiB
TypeScript
112 lines
6.2 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Coffee, Sparkles, Smile } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const Footer = () => (
|
|
<footer className="py-8 bg-card border-t">
|
|
<div className="container mx-auto px-4 md:px-6 flex flex-col md:flex-row justify-between items-center">
|
|
<p className="text-foreground/80 text-sm mb-4 md:mb-0">{`© ${new Date().getFullYear()} Brew Haven. All rights reserved.`}</p>
|
|
<nav className="flex gap-4">
|
|
{navItems.map((item) => (
|
|
<Link key={item.name} href={item.id} className="text-sm text-foreground hover:text-[var(--primary-cta)] transition-colors">
|
|
{item.name}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
);
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brew Haven"
|
|
navItems={navItems}
|
|
button={{ text: "Order Now", href: "/menu" }}
|
|
buttonClassName="shadow-md"
|
|
logoHref="/"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Passion for Coffee"
|
|
description="At Brew Haven, we believe coffee is more than just a drink; it's an experience. We meticulously source the finest beans, roast them to perfection, and craft each cup with care and passion. Join us for a moment of bliss."
|
|
tag="About Us"
|
|
bulletPoints={[{ title: "Finest Quality Beans", description: "Ethically sourced from sustainable farms worldwide." }, { title: "Expert Baristas", description: "Crafting every drink with precision and artistry." }, { title: "Cozy Atmosphere", description: "The perfect spot for relaxation or catching up." }]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
|
|
imageAlt="Barista skillfully pouring latte art into a coffee cup"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
className="py-16 md:py-24 lg:py-32"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="Why Choose Brew Haven?"
|
|
description="More than just coffee, we offer an experience built on quality, community, and comfort."
|
|
tag="Our Difference"
|
|
features={[{ icon: Coffee, title: "Premium Quality Beans", description: "Hand-selected, ethically sourced beans for a superior taste in every cup." }, { icon: Sparkles, title: "Expertly Crafted Beverages", description: "Our skilled baristas turn every order into a work of art." }, { icon: Smile, title: "Warm & Welcoming Atmosphere", description: "A cozy spot to relax, work, or connect with friends." }]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
iconContainerClassName="border backdrop-blur-sm bg-[var(--background-accent)]/20 p-4 rounded-full group-hover:rotate-6 transition-transform duration-300"
|
|
cardClassName="p-6 md:p-8 flex flex-col items-center text-center gap-4"
|
|
cardTitleClassName="font-semibold text-lg"
|
|
cardDescriptionClassName="text-base text-[var(--foreground)]/80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Hear from our beloved patrons about their Brew Haven experience."
|
|
tag="Happy Sips"
|
|
testimonials={[{ id: "1", name: "Sarah L.", handle: "@sarahlattelover", testimonial: "Brew Haven is my absolute favorite! The coffee is always perfect, and the atmosphere is so relaxing. A true gem!", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-asian-girl-barista-cafe-staff-pouring-steamed-milk-coffee-prepare-cappuccino-with-latte_1258-134426.jpg", imageAlt: "Portrait of Sarah L." }, { id: "2", name: "Michael R.", handle: "@readermike", testimonial: "Best place to read and enjoy a perfect americano. The staff are incredibly friendly and knowledgeable. Highly recommend!", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "Portrait of Michael R." }, { id: "3", name: "Emily D.", handle: "@emilysdailydose", testimonial: "I start every morning with a visit to Brew Haven. Their pastries are divine, and the coffee gets me ready for the day!", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg", imageAlt: "Portrait of Emily D." }]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
uniformGridCustomHeightClasses="min-h-[18rem] md:min-h-[20rem] lg:min-h-[22rem]"
|
|
cardClassName="p-6 md:p-8 flex flex-col justify-between h-full"
|
|
testimonialClassName="italic text-base mb-4"
|
|
nameClassName="font-semibold text-lg"
|
|
handleClassName="text-sm text-[var(--foreground)]/70"
|
|
imageWrapperClassName="size-12 rounded-full overflow-hidden shrink-0"
|
|
ratingClassName="text-yellow-500"
|
|
/>
|
|
</div>
|
|
|
|
<Footer />
|
|
</ThemeProvider>
|
|
);
|
|
} |