Merge version_1_1781385348055 into main #2
@@ -6,283 +6,144 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Briefcase, Leaf } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="Authentic Flavors"
|
||||
title="Welcome to COMALAPA"
|
||||
description="Discover a curated selection of artisanal food and drinks, crafted with love and fresh, local ingredients."
|
||||
primaryButton={{
|
||||
text: "View Our Menu",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14730.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Authentic Flavors"
|
||||
title="Welcome to COMALAPA"
|
||||
description="Discover a curated selection of artisanal food and drinks, crafted with love and fresh, local ingredients."
|
||||
primaryButton={{ text: "View Our Menu", href: "#products" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14730.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="COMALAPA was born from a desire to bring the rich heritage of local ingredients to your table in a modern, elegant way."
|
||||
author="Elena Rodriguez"
|
||||
role="Founder & Head Chef"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cook-with-salad-plate-ringing-service-bell_23-2148040242.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Story"
|
||||
quote="COMALAPA was born from a desire to bring the rich heritage of local ingredients to your table in a modern, elegant way."
|
||||
author="Elena Rodriguez"
|
||||
role="Founder & Head Chef"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cook-with-salad-plate-ringing-service-bell_23-2148040242.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Why Choose Us"
|
||||
title="Unmatched Quality"
|
||||
description="We prioritize quality and freshness in everything we serve."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Sourced daily from local farmers.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-cooking-with-vegetables_23-2148006165.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-raspberries-bowl-book-with-blackberries-white-surface_141793-17762.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14730.jpg?_wi=2",
|
||||
imageAlt: "farm fresh vegetables basket",
|
||||
},
|
||||
{
|
||||
title: "Crafted Perfection",
|
||||
description: "Each dish and drink is made with artisanal precision.",
|
||||
bentoComponent: "icon-text-marquee",
|
||||
centerIcon: Briefcase,
|
||||
marqueeTexts: [
|
||||
"Fresh",
|
||||
"Organic",
|
||||
"Local",
|
||||
"Handcrafted",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-with-salad-plate-ringing-service-bell_23-2148040242.jpg?_wi=2",
|
||||
imageAlt: "farm fresh vegetables basket",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "We care for our community and environment.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Leaf,
|
||||
orbitIcons: [
|
||||
"Recycle",
|
||||
"Sun",
|
||||
"Water",
|
||||
"Tree",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-cup_23-2148354707.jpg?_wi=1",
|
||||
imageAlt: "farm fresh vegetables basket",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Us"
|
||||
title="Unmatched Quality"
|
||||
description="We prioritize quality and freshness in everything we serve."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients", description: "Sourced daily from local farmers.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-cooking-with-vegetables_23-2148006165.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-raspberries-bowl-book-with-blackberries-white-surface_141793-17762.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Crafted Perfection", description: "Each dish and drink is made with artisanal precision.", bentoComponent: "icon-text-marquee", centerIcon: "Briefcase", marqueeTexts: ["Fresh", "Organic", "Local", "Handcrafted"]
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices", description: "We care for our community and environment.", bentoComponent: "orbiting-icons", centerIcon: "Leaf", orbitIcons: ["Recycle", "Sun", "Water", "Tree"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Menu"
|
||||
title="Signature Selections"
|
||||
description="Explore our favorite artisanal creations."
|
||||
items={[
|
||||
{
|
||||
title: "Handcrafted Coffee",
|
||||
description: "Freshly roasted beans with a hint of cinnamon.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-cup_23-2148354707.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Bread",
|
||||
description: "Sourdough baked fresh every morning.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-loaf-food-photography-recipe-idea_53876-144781.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic Teas",
|
||||
description: "Hand-picked herbs for a refreshing brew.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-tea-pot-full-with-freshly-brewed-tea-grey-wall_114579-64636.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Pastries",
|
||||
description: "Buttery, flaky, and delicious.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanilla-pie-isolated-rustic-wooden-platter_114579-33677.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Pressed Juices",
|
||||
description: "Pure essence of seasonal fruits.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-mandarin-apple-juice_114579-19783.jpg",
|
||||
},
|
||||
{
|
||||
title: "Farm-to-Table Plates",
|
||||
description: "Nutritious and flavorful seasonal ingredients.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-bread-slices-eggs-inside_140725-3698.jpg",
|
||||
},
|
||||
{
|
||||
title: "Signature Infusions",
|
||||
description: "Unique drink combinations you won't find elsewhere.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-pub-with-cocktail_1157-45791.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Menu"
|
||||
title="Signature Selections"
|
||||
description="Explore our favorite artisanal creations."
|
||||
items={[
|
||||
{ title: "Handcrafted Coffee", description: "Freshly roasted beans with a hint of cinnamon.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-cup_23-2148354707.jpg" },
|
||||
{ title: "Artisanal Bread", description: "Sourdough baked fresh every morning.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/bread-loaf-food-photography-recipe-idea_53876-144781.jpg" },
|
||||
{ title: "Organic Teas", description: "Hand-picked herbs for a refreshing brew.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/glass-tea-pot-full-with-freshly-brewed-tea-grey-wall_114579-64636.jpg" },
|
||||
{ title: "Gourmet Pastries", description: "Buttery, flaky, and delicious.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/vanilla-pie-isolated-rustic-wooden-platter_114579-33677.jpg" },
|
||||
{ title: "Cold Pressed Juices", description: "Pure essence of seasonal fruits.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/glass-mandarin-apple-juice_114579-19783.jpg" },
|
||||
{ title: "Farm-to-Table Plates", description: "Nutritious and flavorful seasonal ingredients.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-bread-slices-eggs-inside_140725-3698.jpg" },
|
||||
{ title: "Signature Infusions", description: "Unique drink combinations you won't find elsewhere.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-man-pub-with-cocktail_1157-45791.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Happy Customers"
|
||||
title="What People Say"
|
||||
description="Hear from our community of food lovers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Food Blogger",
|
||||
company: "Local Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-404981.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Customer",
|
||||
company: "Satisfied Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-using-smart-phone-cafe_637285-8946.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-sitting-cafe-holding-coffee-cup-hand_23-2148148128.jpg",
|
||||
},
|
||||
{
|
||||
name: "James B.",
|
||||
role: "Journalist",
|
||||
company: "Daily News",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-breakfast-bed_23-2147622974.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Chef",
|
||||
company: "Fine Dining Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1349.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Happy Customers"
|
||||
title="What People Say"
|
||||
description="Hear from our community of food lovers."
|
||||
testimonials={[
|
||||
{ name: "Alice M.", role: "Food Blogger", company: "Local Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-404981.jpg" },
|
||||
{ name: "David L.", role: "Customer", company: "Satisfied Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-using-smart-phone-cafe_637285-8946.jpg" },
|
||||
{ name: "Sarah P.", role: "Designer", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-sitting-cafe-holding-coffee-cup-hand_23-2148148128.jpg" },
|
||||
{ name: "James B.", role: "Journalist", company: "Daily News", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-breakfast-bed_23-2147622974.jpg" },
|
||||
{ name: "Emily R.", role: "Chef", company: "Fine Dining Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1349.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Featured In"
|
||||
title="Recognized Excellence"
|
||||
description="We are proud to be featured by these local institutions."
|
||||
names={[
|
||||
"Food Daily",
|
||||
"City Gazette",
|
||||
"Local Flavor",
|
||||
"Artisanal Weekly",
|
||||
"Coffee Lovers Hub",
|
||||
"Gourmet Magazine",
|
||||
"Healthy Living",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Featured In"
|
||||
title="Recognized Excellence"
|
||||
description="We are proud to be featured by these local institutions."
|
||||
names={["Food Daily", "City Gazette", "Local Flavor", "Artisanal Weekly", "Coffee Lovers Hub", "Gourmet Magazine", "Healthy Living"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Need to know something? We've got answers."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "Where are you located?",
|
||||
answer: "We are in the heart of the city.",
|
||||
},
|
||||
{
|
||||
question: "Are ingredients local?",
|
||||
answer: "Yes, we source from nearby farmers.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer catering?",
|
||||
answer: "Yes, contact us for details.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Do you have Wi-Fi?",
|
||||
answer: "Yes, high-speed Wi-Fi available.",
|
||||
},
|
||||
{
|
||||
question: "Is it dog-friendly?",
|
||||
answer: "Yes, we love our four-legged guests.",
|
||||
},
|
||||
{
|
||||
question: "Do you take reservations?",
|
||||
answer: "Yes, via phone or our contact page.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Need to know something? We've got answers."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{ question: "Where are you located?", answer: "We are in the heart of the city." },
|
||||
{ question: "Are ingredients local?", answer: "Yes, we source from nearby farmers." },
|
||||
{ question: "Do you offer catering?", answer: "Yes, contact us for details." }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "Services", items: [
|
||||
{ question: "Do you have Wi-Fi?", answer: "Yes, high-speed Wi-Fi available." },
|
||||
{ question: "Is it dog-friendly?", answer: "Yes, we love our four-legged guests." },
|
||||
{ question: "Do you take reservations?", answer: "Yes, via phone or our contact page." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Have a special order or event in mind? Let's connect."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@comalapa.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Find Us",
|
||||
href: "#location",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Have a special order or event in mind? Let's connect."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:hello@comalapa.com" }}
|
||||
secondaryButton={{ text: "Find Us", href: "#location" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user