Files
4d7c559c-ed28-4182-b66d-017…/src/app/about/page.tsx
2026-02-20 19:32:36 +00:00

116 lines
5.3 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function AboutPage() {
const navItems = [{"name":"Home","id":"/"},{"name":"Menu","id":"/menu"},{"name":"About","id":"/about"},{"name":"Reservations","id":"/reservations"},{"name":"Contact","id":"/contact"}];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="aurora"
cardStyle="outline"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Bella Italia"
navItems={navItems}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: 'text', content: 'Our Passion for ' },
{
type: 'image',
src: 'https://img.b2bpic.net/free-photo/woman-making-pasta-plate-with-kitchen-tools-black-background-horizontal-side-view_176474-4006.jpg',
alt: 'Chef cooking pasta',
},
{ type: 'text', content: ' Italian Cuisine. A story of tradition, family, and flavor passed down through generations.' },
]}
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
title="Meet Our Dedicated Team"
description="The passionate individuals behind Bella Italia, committed to bringing you an unforgettable culinary experience."
members={[
{
id: '1',
name: 'Chef Giuseppe',
role: 'Head Chef & Co-Founder',
description: 'With over 30 years of culinary experience, Chef Giuseppe brings authentic regional Italian recipes to our kitchen.',
imageSrc: 'https://img.b2bpic.net/free-photo/shot-professional-old-chef-dressed-uniform-holding-kitchen-spatula-tongs_613910-17564.jpg',
imageAlt: 'Chef Giuseppe',
},
{
id: '2',
name: 'Maria Rossi',
role: 'Owner & Hostess',
description: 'Maria ensures every guest feels at home with her warm hospitality and keen eye for detail.',
imageSrc: 'https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg',
imageAlt: 'Maria Rossi',
},
{
id: '3',
name: 'Antonio Verdi',
role: 'Restaurant Manager',
description: 'Antonio expertly oversees our daily operations, ensuring smooth service and an excellent dining atmosphere.',
imageSrc: 'https://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg',
imageAlt: 'Antonio Verdi',
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
title="Our Philosophy"
description="We believe in combining authentic ingredients, a cozy ambiance, and warm hospitality to create a truly memorable dining experience."
features={[
{
id: 1,
title: 'Fresh, Authentic Ingredients',
description: 'We source the finest local and imported ingredients to ensure every dish bursts with genuine Italian flavors.',
imageSrc: 'https://img.b2bpic.net/free-photo/spaghetti-with-fresh-ingredients_1220-439.jpg',
imageAlt: 'Fresh Italian ingredients',
},
{
id: 2,
title: 'Cozy & Welcoming Ambiance',
description: 'Our restaurant offers a warm, rustic setting perfect for family dinners, romantic dates, and special celebrations.',
imageSrc: 'https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg',
imageAlt: 'Cozy restaurant interior',
},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
logoText="Bella Italia"
columns={[
{ items: [{ label: 'Home', href: '/' }, { label: 'Menu', href: '/menu' }, { label: 'Specials', href: '/menu' }] },
{ items: [{ label: 'About Us', href: '/about' }, { label: 'Our Team', href: '/about' }, { label: 'Testimonials', href: '/' }] },
{ items: [{ label: 'Reservations', href: '/reservations' }, { label: 'Contact', href: '/contact' }, { label: 'Location', href: '/contact' }] },
]}
/>
</ThemeProvider>
);
}