Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-05-23 13:59:16 +00:00
5 changed files with 18 additions and 13 deletions

View File

@@ -14,7 +14,7 @@ export default function AboutPage() {
];
return (
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Casa Afriqa" navItems={navItems} />
</div>
@@ -23,7 +23,7 @@ export default function AboutPage() {
<p>Casa Afriqa was born from a passion for authentic Gambian hospitality. Located in the bustling heart of Serrekunda, we bring a 24/7 experience that combines local flavors, luxury dining, and vibrant nightlife.</p>
</div>
<div id="contact-section" data-section="contact-section">
<ContactCenter title="Get in Touch" description="Have questions? Reach out to us anytime." background={{ variant: "gradient-bars" }} />
<ContactCenter title="Get in Touch" description="Have questions? Reach out to us anytime." tag="Contact" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />

View File

@@ -6,7 +6,7 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
export default function ContactPage() {
return (
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Casa Afriqa"
@@ -25,6 +25,7 @@ export default function ContactPage() {
description="We are ready to assist you with any inquiries regarding reservations or events."
background={{variant: "gradient-bars"}}
tag="Contact"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">

View File

@@ -6,12 +6,12 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
export default function MenuPage() {
return (
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Casa Afriqa" navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Menu", id: "/menu"}, {name: "Reservations", id: "/reservations"}, {name: "Contact", id: "/contact"}]} />
</div>
<div id="menu-features" data-section="menu-features">
<FeatureCardMedia title="Our Signature Menu" animationType="slide-up" textboxLayout="split" features={[{id: "m1", title: "Seafood Platters", description: "Fresh local catches expertly grilled.", tag: "Seafood", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg?_wi=2"}, {id: "m2", title: "Artisan Cocktails", description: "Masterfully crafted drinks.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg?_wi=2"}]} />
<FeatureCardMedia title="Our Signature Menu" description="Exquisite dining options" animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{id: "m1", title: "Seafood Platters", description: "Fresh local catches expertly grilled.", tag: "Seafood", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg"}, {id: "m2", title: "Artisan Cocktails", description: "Masterfully crafted drinks.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg"}]} />
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />

View File

@@ -10,7 +10,7 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
export default function HomePage() {
return (
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Casa Afriqa"
@@ -37,6 +37,7 @@ export default function HomePage() {
tag="Social Proof"
metrics={[{id: "1", value: "4.8+", description: "Star Reputation"}, {id: "2", value: "877+", description: "Happy Reviews"}, {id: "3", value: "24/7", description: "Always Open"}]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
@@ -44,9 +45,11 @@ export default function HomePage() {
title="Signature Experiences"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
description="Discover our menu highlights"
features={[
{id: "f1", title: "Fresh Seafood", description: "Expertly prepared platters with local catches.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg?_wi=1"},
{id: "f2", title: "Artisan Cocktails", description: "Masterfully crafted drinks in a luxe setting.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg?_wi=1"},
{id: "f1", title: "Fresh Seafood", description: "Expertly prepared platters with local catches.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-past-sea-food_23-2148461642.jpg"},
{id: "f2", title: "Artisan Cocktails", description: "Masterfully crafted drinks in a luxe setting.", tag: "Drinks", imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg"},
{id: "f3", title: "Casual Favorites", description: "Wings, rice, and late-night cravings.", tag: "Bites", imageSrc: "http://img.b2bpic.net/free-photo/oven-chips-with-green-salad-vegetable-tomato-slices_114579-3004.jpg"}
]}
/>
@@ -57,12 +60,12 @@ export default function HomePage() {
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
description="Guest experiences and reviews"
useInvertedBackground={false}
testimonials={[
{id: "t1", name: "Amina S.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg"},
{id: "t2", name: "John B.", role: "Visitor", company: "International", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg"},
{id: "t3", name: "Fatou L.", role: "Patron", company: "Serrekunda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"},
{id: "t4", name: "Mark D.", role: "Foodie", company: "Gambia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hand-blond-woman-table_23-2148024532.jpg"},
{id: "t5", name: "Sana M.", role: "Nightlife", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-brunette-asian-woman-stylish-trench-coat-red-dress-beret-smiles-sincerely-holds-eyeglasses-talks-phone-street-cafe_197531-29288.jpg"}
{id: "t3", name: "Fatou L.", role: "Patron", company: "Serrekunda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"}
]}
/>
</div>
@@ -72,6 +75,7 @@ export default function HomePage() {
description="Located in the heart of Serrekunda, open 24 hours."
background={{variant: "gradient-bars"}}
tag="Contact"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">

View File

@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function ReservationsPage() {
return (
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft">
<ThemeProvider defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="soft" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Casa Afriqa" navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Menu", id: "/menu"}, {name: "Reservations", id: "/reservations"}, {name: "Contact", id: "/contact"}]} />
</div>
<div id="reservation-form" data-section="reservation-form">
<ContactCenter title="Book Your Table" description="Reserve your spot for an unforgettable night at Casa Afriqa." background={{variant: "gradient-bars"}} />
<ContactCenter title="Book Your Table" description="Reserve your spot for an unforgettable night at Casa Afriqa." tag="Reservations" background={{variant: "gradient-bars"}} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="Casa Afriqa" copyrightText="© 2025 Casa Afriqa. All rights reserved." />