192 lines
6.6 KiB
TypeScript
192 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Leaf, Heart, Star } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{ label: "Visit Us", href: "#" },
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Directions", href: "#" },
|
|
{ label: "Parking", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{ label: "Brunch Favorites", href: "/menu" },
|
|
{ label: "Coffee & Drinks", href: "/menu" },
|
|
{ label: "Sides", href: "/menu" },
|
|
{ label: "Catering", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Contact Us", href: "/#contact" },
|
|
{ label: "Newsletter", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brunch Collective"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Order Online",
|
|
href: "/#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Our Story"
|
|
description="Brunch Collective was born from a passion for bringing the community together over exceptional food and warm hospitality. We believe every brunch moment deserves to be special."
|
|
tag="Welcome to Brunch Collective"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Menu", href: "/menu" },
|
|
{ text: "Order Online", href: "/#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg",
|
|
imageAlt: "Cozy brunch table with coffee and sourdough toast at Brunch Collective",
|
|
},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
ariaLabel="About page hero section showcasing Brunch Collective story"
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<AboutMetric
|
|
title="Why Choose Brunch Collective"
|
|
metrics={[
|
|
{
|
|
icon: Leaf,
|
|
label: "Locally Sourced Ingredients",
|
|
value: "100%",
|
|
},
|
|
{
|
|
icon: Heart,
|
|
label: "Warm & Welcoming Atmosphere",
|
|
value: "Always",
|
|
},
|
|
{
|
|
icon: Star,
|
|
label: "Top-Rated Brunch in Spring Hill",
|
|
value: "4.9★",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Why Choose Brunch Collective highlights"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-dishes" data-section="featured-dishes">
|
|
<ProductCardThree
|
|
title="Our Popular Dishes"
|
|
description="Crafted with care using the finest locally sourced ingredients. Each dish tells a story of quality, tradition, and passion."
|
|
tag="Fan Favorites"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "sourdough",
|
|
name: "Sourdough Breakfast",
|
|
price: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pregnant-woman-eating-brunch-home-bed_23-2148447638.jpg",
|
|
imageAlt: "Artisan sourdough toast with seasonal toppings at Brunch Collective",
|
|
},
|
|
{
|
|
id: "burrito",
|
|
name: "Breakfast Burrito",
|
|
price: "14",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805540.jpg",
|
|
imageAlt: "Hearty breakfast burrito with eggs and bacon",
|
|
},
|
|
{
|
|
id: "french-toast",
|
|
name: "French Toast",
|
|
price: "13",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129778.jpg",
|
|
imageAlt: "Golden french toast with berries and maple syrup",
|
|
},
|
|
{
|
|
id: "bacon",
|
|
name: "Crispy Bacon",
|
|
price: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/english-breakfast-scrambled-eggs-bacon-sausage-toast_2829-5727.jpg",
|
|
imageAlt: "Perfectly cooked artisan bacon strips",
|
|
},
|
|
{
|
|
id: "avocado",
|
|
name: "Avocado Toast",
|
|
price: "11",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-796.jpg",
|
|
imageAlt: "Creamy avocado on artisan toast with poached egg",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Popular dishes section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2024 Brunch Collective. Spring Hill, Tennessee. All rights reserved."
|
|
ariaLabel="Footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |