Files
8e36d336-bafc-4fc5-85bf-41f…/src/app/about/page.tsx
2026-02-12 12:34:10 +00:00

115 lines
7.7 KiB
TypeScript

"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from 'next/link';
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Testimonials", id: "/testimonials" },
{ name: "Contact", id: "/contact" }
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="sharp"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Bean & Brew"
navItems={navItems}
button={{ text: "Order Now", href: "/menu" }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Our Story"
description={[
"At Bean & Brew, we believe in the art of coffee. From carefully sourced beans to expert baristas, every cup is crafted with passion.", "We're more than just a coffee shop; we're a community hub where connections are brewed and memories are made. Join us for an unforgettable experience."
]}
buttons={[{ text: "Our Philosophy", href: "/about#philosophy" }]}
buttonAnimation="slide-up"
showBorder={false}
useInvertedBackground={false}
titleClassName="text-foreground"
descriptionClassName="text-foreground"
/>
</div>
<div id="philosophy" data-section="philosophy">
<FeatureCardThree
title="Our Core Values"
description="Driven by passion, quality, and community, we strive to make every visit memorable."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{ id: "01", title: "Quality Craftsmanship", description: "Dedication to the art of coffee-making, from bean to cup.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "freshly brewed coffee coffee cup steam coffee latte art" },
{ id: "02", title: "Sustainable Sourcing", description: "Commitment to ethical practices and responsibly sourced beans.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-image-man-preparing-cappuccino-coffee-machine_613910-8868.jpg", imageAlt: "coffee beans roasting fresh coffee beans roastery coffee process" },
{ id: "03", title: "Community Hub", description: "Creating a warm, inclusive space for everyone to connect.", imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", imageAlt: "cozy cafe setting comfortable seating coffee shop decor warm ambiance" },
{ id: "04", title: "Customer Delight", description: "Ensuring every customer leaves with a smile and a great experience.", imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "barista at work making coffee coffee preparation espresso machine" }
]}
gridVariant="four-items-2x2-equal-grid"
textBoxTitleClassName="text-foreground"
descriptionClassName="text-foreground"
cardTitleClassName="text-foreground"
cardDescriptionClassName="text-foreground"
tag="Our Principles"
tagClassName="text-primary-cta"
/>
</div>
<div id="community-voices" data-section="community-voices">
<TestimonialCardFive
title="Community Voices"
description="Hear what our patrons say about their experiences and connections at Bean & Brew."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah M., Local Artist", date: "Date: 15 October 2023", title: "My go-to spot for inspiration!", quote: "Bean & Brew is more than just a coffee shop; it's my creative sanctuary. The coffee is exceptional, and the atmosphere is perfect for sketching and getting work done.", tag: "Favorite Spot", avatarSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-apron-preparing-coffee-machine_23-2148366708.jpg", avatarAlt: "happy customer portrait smiling woman coffee cafe visitor person drinking coffee", imageAlt: "coffee shop interior barista making coffee cozy cafe coffee beans" },
{ id: "3", name: "Emily C., Community Organizer", date: "Date: 03 January 2024", title: "A true community gem!", quote: "This place feels like home. The staff remembers my order, and there's always a warm welcome. It's the perfect place to meet friends or enjoy a quiet moment.", tag: "Community Hub", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-waiter-making-cup-coffee_1170-577.jpg", imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", avatarAlt: "young woman coffee shop satisfied customer coffee experience portrait smile cafe", imageAlt: "cozy cafe setting comfortable seating coffee shop decor warm ambiance" },
{ id: "2", name: "David R., Tech Enthusiast", date: "Date: 22 November 2023", title: "Best coffee in town, hands down.", quote: "I'm a coffee snob, and Bean & Brew never disappoints. Their espresso is perfectly balanced, and the baristas are always friendly and knowledgeable. Highly recommended!", tag: "Quality Coffee", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203404.jpg", imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", avatarAlt: "man enjoying coffee cafe customer smiling customer testimonial person relaxing cafe", imageAlt: "barista at work making coffee coffee preparation espresso machine" },
]}
textBoxTitleClassName="text-foreground"
descriptionClassName="text-foreground"
cardTitleClassName="text-foreground"
cardQuoteClassName="text-foreground"
cardTagClassName="text-primary-cta"
cardAuthorClassName="text-foreground"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Bean & Brew"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About Us", href: "/about" }] },
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "/careers" }] },
{ items: [{ label: "Facebook", href: "https://facebook.com/beanandbrew" }, { label: "Instagram", href: "https://instagram.com/beanandbrew" }, { label: "Twitter", href: "https://twitter.com/beanandbrew" }] }
]}
logoClassName="text-foreground"
itemClassName="text-foreground"
/>
</div>
</ThemeProvider>
);
}