115 lines
7.7 KiB
TypeScript
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>
|
|
);
|
|
} |