Merge version_1 into main #7

Merged
bender merged 1 commits from version_1 into main 2026-04-06 13:22:54 +00:00

View File

@@ -14,7 +14,7 @@ export default function Page() {
const navItems = [{ name: 'Home', id: '/' }, { name: 'Contact', id: '/contact' }];
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} />
</div>
@@ -22,19 +22,19 @@ export default function Page() {
<HeroLogoBillboard logoText="Culinary Mastery" description="Experience the finest dining with locally sourced ingredients and world-class chefs." buttons={[{ text: 'Explore Menu', href: '#dishes' }]} background={{ variant: 'animated-grid' }} />
</div>
<div id="about" data-section="about">
<SplitAbout title="Our Story" description="Founded in 1995, our restaurant has been dedicated to serving authentic flavors with a modern twist." textboxLayout="default" bulletPoints={[{ title: 'Farm to Table', description: 'Fresh ingredients daily.' }, { title: 'Expert Chefs', description: 'Culinary excellence.' }]} />
<SplitAbout title="Our Story" description="Founded in 1995, our restaurant has been dedicated to serving authentic flavors with a modern twist." textboxLayout="default" useInvertedBackground={false} bulletPoints={[{ title: 'Farm to Table', description: 'Fresh ingredients daily.' }, { title: 'Expert Chefs', description: 'Culinary excellence.' }]} />
</div>
<div id="dishes" data-section="dishes">
<ProductCardThree title="Signature Dishes" description="Our most popular creations." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: '1', name: 'Dish 1', price: '$20', imageSrc: '/images/dish1.jpg' }, { id: '2', name: 'Dish 2', price: '$25', imageSrc: '/images/dish2.jpg' }, { id: '3', name: 'Dish 3', price: '$30', imageSrc: '/images/dish3.jpg' }]} />
<ProductCardThree title="Signature Dishes" description="Our most popular creations." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: '1', name: 'Dish 1', price: '$20', imageSrc: '/images/dish1.jpg' }, { id: '2', name: 'Dish 2', price: '$25', imageSrc: '/images/dish2.jpg' }, { id: '3', name: 'Dish 3', price: '$30', imageSrc: '/images/dish3.jpg' }]} />
</div>
<div id="chef" data-section="chef">
<TeamCardEleven title="Meet Our Chefs" description="The masters behind your favorite meals." textboxLayout="default" animationType="slide-up" groups={[{ id: '1', groupTitle: 'Head Chefs', members: [{ id: 'm1', title: 'John Doe', subtitle: 'Executive Chef', detail: 'Over 20 years of experience.' }] }]} />
<TeamCardEleven title="Meet Our Chefs" description="The masters behind your favorite meals." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" groups={[{ id: '1', groupTitle: 'Head Chefs', members: [{ id: 'm1', title: 'John Doe', subtitle: 'Executive Chef', detail: 'Over 20 years of experience.' }] }]} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix title="Guest Reviews" description="What our patrons say about us." textboxLayout="default" animationType="slide-up" testimonials={[{ id: 't1', name: 'Jane Smith', handle: '@janesmith', testimonial: 'Absolutely divine flavors!' }, { id: 't2', name: 'Robert Lee', handle: '@robertl', testimonial: 'A wonderful dining experience.' }]} />
<TestimonialCardSix title="Guest Reviews" description="What our patrons say about us." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" testimonials={[{ id: 't1', name: 'Jane Smith', handle: '@janesmith', testimonial: 'Absolutely divine flavors!' }, { id: 't2', name: 'Robert Lee', handle: '@robertl', testimonial: 'A wonderful dining experience.' }]} />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm title="Get in Touch" description="Reserve your table or reach out for catering." inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]} />
<ContactSplitForm title="Get in Touch" description="Reserve your table or reach out for catering." useInvertedBackground={false} inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis logoText="Culinary Mastery" columns={[{ items: [{ label: 'About' }, { label: 'Contact' }] }]} />