bender/4925a8d5-7191-44f7-a82f-c045016c79d8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781369038902 into main #3

Merged
bender merged 1 commits from version_2_1781369038902 into main 2026-06-13 16:46:21 +00:00
Conversation 0 Commits 1 Files Changed 9 +300 -152
9 changed files with 300 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
src/pages/HomePage.tsx
View File

@@ -1,164 +1,36 @@
import AboutText from '@/components/sections/about/AboutText';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import MenuSection from './HomePage/sections/Menu';
import DessertsSection from './HomePage/sections/Desserts';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25258.jpg", "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36146.jpg", "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg", "http://img.b2bpic.net/free-photo/low-angle-friends-taking-photos_23-2148395442.jpg"]}
avatarText="Loved by 1,000+ local foodies"
title="Experience Mio Mondo Sousse"
description="Where tradition meets modern luxury. Your destination for breakfast, fine dining, and evening lounge comfort in Khézema."
primaryButton={{
text: "View Menu", href: "#menu"}}
secondaryButton={{
text: "Contact Us", href: "#contact"}}
names={[
"Sarah", "Ahmed", "Lina", "David", "Mariem"]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="A Legacy of Taste in Sousse"
primaryButton={{
text: "Reserve Table", href: "#contact"}}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<FeaturesDetailedSteps
tag="Our Cuisine"
title="A Journey of Flavors"
description="From morning espresso to evening shisha lounge, we cater to every part of your day."
steps={[
{
tag: "07:00 AM", title: "Breakfast Classics", subtitle: "Petit Déjeuner", description: "Express and Tunisian breakfast options served fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg"},
{
tag: "Drinks", title: "Coffee & Refreshments", subtitle: "Specialty Beverages", description: "Hot espressos, iced lattes, and premium fresh fruit juices.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"},
{
tag: "Mains", title: "Signature Savories", subtitle: "Lunch & Dinner", description: "Wood-fired pizzas, gourmet burgers, and authentic pasta.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-italian-pasta-little-formed-inside-brown-plate-wooden-table-pasta-italian-food-meal_140725-26341.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<MenuSection />
<div id="desserts" data-section="desserts">
<SectionErrorBoundary name="desserts">
<FeaturesRevealCardsBento
tag="Top Specialty"
title="Decadent Desserts"
description="Indulge in our famous selection of sweets and artisanal gelato."
items={[
{
title: "Artisanal Gelato", description: "Rotating Italian ice cream flavors.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sweet-breakfast-wooden-desk_329181-1014.jpg"},
{
title: "Nutella Waffles", description: "Loaded with fresh strawberries and nuts.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-brown-desk_140725-13833.jpg"},
{
title: "Fresh Pastries", description: "Daily mille-feuille, tarts, and cakes.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cake-sweet-snacks_181624-27093.jpg"},
{
title: "Crepe Specialties", description: "White and milk chocolate delights.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-plate-with-tea-white-wooden-black-background_176474-3860.jpg"},
{
title: "Cheesecakes", description: "Rich, velvet smooth textures.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sweet-table-feast-flowers-multicolored-macaroons_501050-555.jpg"},
{
title: "Shisha Flavors", description: "Love 66, Mint, and more.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173684.jpg"},
{
title: "Hot Cocoa", description: "Thick, indulgent hot chocolate.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-frappe-arrangement-black-cloth_23-2148623250.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<DessertsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Trusted By Many"
title="Community Love"
description="Nearly 1,000 happy guests can't be wrong."
metrics={[
{
icon: "Star", title: "Community Rating", value: "4.1"},
{
icon: "Clock", title: "Hours Open", value: "18h+"},
{
icon: "Coffee", title: "Daily Guests", value: "500+"},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Reviews"
title="What Our Guests Say"
description="Real feedback from our cherished visitors."
testimonials={[
{
name: "Sarah J.", role: "Foodie", company: "Sousse Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg"},
{
name: "Ahmed K.", role: "Regular", company: "Khezema Resident", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/man-feeding-woman-with-cookies_23-2147978547.jpg"},
{
name: "Lina M.", role: "Visitor", company: "Tourist", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg"},
{
name: "David R.", role: "Diner", company: "Frequent Guest", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg"},
{
name: "Mariem Z.", role: "Lounge Lover", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-hanging-out-together_23-2149144019.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="General Inquiries"
description="Find answers to frequently asked questions about our services."
items={[
{
question: "What are your operating hours?", answer: "We are open daily from 07:00 AM to 01:00 AM."},
{
question: "Do you offer late-night service?", answer: "Yes, we extend hours during peak season and Ramadan."},
{
question: "Where are you located?", answer: "Boulevard du 14 Janvier, Route Touristique, Khézema, Sousse."},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Book Now"
text="Reserve your table today: +216 73 273 243"
primaryButton={{
text: "Call Now", href: "tel:+21673273243"}}
secondaryButton={{
text: "WhatsApp", href: "https://wa.me/21650727071"}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

20
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,20 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutText from '@/components/sections/about/AboutText';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="A Legacy of Taste in Sousse"
primaryButton={{
text: "Reserve Table", href: "#contact"}}
/>
</SectionErrorBoundary>
</div>
);
}

70
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,70 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import Button from "@/components/ui/Button";
const primaryButton = {
text: "Call Now",
href: "tel:+21673273243"
};
const secondaryButton = {
text: "WhatsApp",
href: "https://wa.me/21650727071"
};
const ContactInline = () => {
return (
<section aria-label="Contact section" className="py-20">
<div className="w-content-width mx-auto">
<ScrollReveal variant="slide-up">
<div className="flex flex-col lg:flex-row items-center gap-8 md:gap-10 py-12 px-8 rounded card">
<div className="flex flex-col items-center lg:items-start gap-4 lg:w-1/2">
<div className="px-3 py-1 text-sm card rounded w-fit">
<p>{"Visit Us"}</p>
</div>
<TextAnimation
text={"Reserve your table today: +216 73 273 243"}
variant="slide-up"
gradientText={true}
tag="h2"
className="text-4xl 2xl:text-5xl leading-[1.15] font-semibold text-center lg:text-left text-balance"
/>
<p className="text-muted-foreground text-center lg:text-left">
Boulevard du 14 Janvier, Route Touristique, Khézema, Sousse, Tunisia
</p>
<div className="flex flex-wrap justify-center lg:justify-start gap-3 mt-2 md:mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
</div>
</div>
<div className="w-full lg:w-1/2 h-[300px] lg:h-[400px] rounded overflow-hidden">
<iframe
src="https://www.google.com/maps?q=Boulevard+du+14+Janvier,+Route+Touristique,+Khézema,+Sousse,+Tunisia&output=embed"
width="100%"
height="100%"
style={{ border: 0 }}
allowFullScreen={true}
loading="lazy"
referrerPolicy="no-referrer-when-downgrade"
className="w-full h-full"
></iframe>
</div>
</div>
</ScrollReveal>
</div>
</section>
);
};
export default function ContactSection() {
return (
<div data-webild-section="contact" id="contact">
<ContactInline />
</div>
);
}

36
src/pages/HomePage/sections/Desserts.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "desserts" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function DessertsSection(): React.JSX.Element {
return (
<div id="desserts" data-section="desserts">
<SectionErrorBoundary name="desserts">
<FeaturesRevealCardsBento
tag="Top Specialty"
title="Decadent Desserts"
description="Indulge in our famous selection of sweets and artisanal gelato."
items={[
{
title: "Artisanal Gelato", description: "Rotating Italian ice cream flavors.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sweet-breakfast-wooden-desk_329181-1014.jpg"},
{
title: "Nutella Waffles", description: "Loaded with fresh strawberries and nuts.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-brown-desk_140725-13833.jpg"},
{
title: "Fresh Pastries", description: "Daily mille-feuille, tarts, and cakes.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cake-sweet-snacks_181624-27093.jpg"},
{
title: "Crepe Specialties", description: "White and milk chocolate delights.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-plate-with-tea-white-wooden-black-background_176474-3860.jpg"},
{
title: "Cheesecakes", description: "Rich, velvet smooth textures.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sweet-table-feast-flowers-multicolored-macaroons_501050-555.jpg"},
{
title: "Shisha Flavors", description: "Love 66, Mint, and more.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173684.jpg"},
{
title: "Hot Cocoa", description: "Thick, indulgent hot chocolate.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-frappe-arrangement-black-cloth_23-2148623250.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="General Inquiries"
description="Find answers to frequently asked questions about our services."
items={[
{
question: "What are your operating hours?", answer: "We are open daily from 07:00 AM to 01:00 AM."},
{
question: "Do you offer late-night service?", answer: "Yes, we extend hours during peak season and Ramadan."},
{
question: "Where are you located?", answer: "Boulevard du 14 Janvier, Route Touristique, Khézema, Sousse."},
]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25258.jpg", "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36146.jpg", "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg", "http://img.b2bpic.net/free-photo/low-angle-friends-taking-photos_23-2148395442.jpg"]}
avatarText="Loved by 1,000+ local foodies"
title="Experience Mio Mondo Sousse"
description="Where tradition meets modern luxury. Your destination for breakfast, fine dining, and evening lounge comfort in Khézema."
primaryButton={{
text: "View Menu", href: "#menu"}}
secondaryButton={{
text: "Contact Us", href: "#contact"}}
names={[
"Sarah", "Ahmed", "Lina", "David", "Mariem"]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Menu.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "menu" section.
import React from 'react';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MenuSection(): React.JSX.Element {
return (
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<FeaturesDetailedSteps
tag="Our Cuisine"
title="A Journey of Flavors"
description="From morning espresso to evening shisha lounge, we cater to every part of your day."
steps={[
{
tag: "07:00 AM", title: "Breakfast Classics", subtitle: "Petit Déjeuner", description: "Express and Tunisian breakfast options served fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg"},
{
tag: "Drinks", title: "Coffee & Refreshments", subtitle: "Specialty Beverages", description: "Hot espressos, iced lattes, and premium fresh fruit juices.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"},
{
tag: "Mains", title: "Signature Savories", subtitle: "Lunch & Dinner", description: "Wood-fired pizzas, gourmet burgers, and authentic pasta.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-italian-pasta-little-formed-inside-brown-plate-wooden-table-pasta-italian-food-meal_140725-26341.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Trusted By Many"
title="Community Love"
description="Nearly 1,000 happy guests can't be wrong."
metrics={[
{
icon: "Star", title: "Community Rating", value: "4.1"},
{
icon: "Clock", title: "Hours Open", value: "18h+"},
{
icon: "Coffee", title: "Daily Guests", value: "500+"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

37
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,37 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Reviews"
title="What Our Guests Say"
description="Real feedback from our cherished visitors."
testimonials={[
{
name: "Sarah J.", role: "Foodie", company: "Sousse Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg"},
{
name: "Ahmed K.", role: "Regular", company: "Khezema Resident", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/man-feeding-woman-with-cookies_23-2147978547.jpg"},
{
name: "Lina M.", role: "Visitor", company: "Tourist", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg"},
{
name: "David R.", role: "Diner", company: "Frequent Guest", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg"},
{
name: "Mariem Z.", role: "Lounge Lover", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-hanging-out-together_23-2149144019.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}