Compare commits
3 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 5fcb7ecab7 | |||
|
5645d0a62b | ||
|
|
b937edaaff |
@@ -1,225 +1,33 @@
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
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 FeaturesSection from './HomePage/sections/Features';
|
||||
import MenuSection from './HomePage/sections/Menu';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import ReviewsSection from './HomePage/sections/Reviews';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
tag="Since 2024"
|
||||
title="Ignite Your Palate at Coal Spark"
|
||||
description="Experience the primal elegance of charcoal-grilled culinary masterpieces, crafted with passion and served in a sophisticated atmosphere."
|
||||
primaryButton={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-served-with-cherry-tomatoes-bread-glass-wine_140725-8423.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="The Art of the Ember"
|
||||
descriptions={[
|
||||
"At Coal Spark, we believe fire is the ultimate spice. Our charcoal-first philosophy honors traditional techniques while pushing boundaries of modern flavour.",
|
||||
"Every dish is a testament to quality, sourcing ingredients locally and cooking them over real oak embers to ensure depth, complexity, and soul.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Craft"
|
||||
title="Why Coal Spark?"
|
||||
description="Excellence defined by fire, precision, and dedication to the craft."
|
||||
items={[
|
||||
{
|
||||
title: "Expert Culinary Team",
|
||||
description: "Masters of the grill ensuring perfect doneness.",
|
||||
tags: [
|
||||
"Artisanal",
|
||||
"Expertise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-master-chef-wearing-uniform-cooking-delicious-beef-steak-kitchen-restaurant_613910-18983.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sourced with Integrity",
|
||||
description: "Only the finest local, sustainable ingredients.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg",
|
||||
},
|
||||
{
|
||||
title: "Intimate Ambiance",
|
||||
description: "Atmospheric lighting to pair with every bite.",
|
||||
tags: [
|
||||
"Modern",
|
||||
"Intimate",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-sitting-table_23-2150124807.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="The Menu"
|
||||
title="Signature Coal Creations"
|
||||
description="Indulge in a curated journey of smoky, savory goodness."
|
||||
items={[
|
||||
{
|
||||
title: "Oak-Smoked Ribeye",
|
||||
description: "Perfectly seared 45-day dry aged beef.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-steak-grilled-red-meat-with-rosemary-tomato-lettuce-pomegranate-sauce-tray_141793-5108.jpg",
|
||||
},
|
||||
{
|
||||
title: "Chargrilled Vegetables",
|
||||
description: "Garden-fresh picks, kissed by embers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asparagus-baked-with-bacon-spices_1150-42441.jpg",
|
||||
},
|
||||
{
|
||||
title: "Embers Seafood Platter",
|
||||
description: "Fresh catch from local coastal waters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-grilled-red-fish-steak-with-broccoli-slice-lemon-tomato-narsharab-sauce_141793-4725.jpg",
|
||||
},
|
||||
{
|
||||
title: "House-Fired Artisan Bread",
|
||||
description: "Warm, crusty, and served with cultured butter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pie-slices-with-fresh-tangerines-candies-dark_140725-53046.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dark Chocolate Ember Tart",
|
||||
description: "Rich cocoa finish with a hint of smoke.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biscuit-with-strawberries-round-chocolate-inside-purple-plate-along-with-coffee-seeds-candies_140725-29796.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reserve Cellar Selection",
|
||||
description: "Vintages selected to complement our grill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-wine-fine-glass-with-blue-cheese-honey-walnuts-dark_114579-1632.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smoked Botanical Cocktails",
|
||||
description: "Handcrafted drinks with a spark.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bartender-preparing-drink_23-2150494243.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MenuSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Quality measured in every satisfied guest and glowing ember."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Plates Served",
|
||||
description: "Delivering happiness one plate at a time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Local Farms",
|
||||
description: "Supporting our regional culinary partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg",
|
||||
},
|
||||
{
|
||||
value: "500",
|
||||
title: "Charcoal Days",
|
||||
description: "Days spent perfecting our fire technique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialRatingCards
|
||||
tag="Voices"
|
||||
title="Guest Stories"
|
||||
description="Hear what our regulars have to say about Coal Spark."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Food Critic",
|
||||
quote: "The most authentic charcoal experience in the city. Simply divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Patron",
|
||||
quote: "The smoky ribeye is unlike anything I've tasted before. A must-visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Wu",
|
||||
role: "Patron",
|
||||
quote: "Intimate atmosphere and perfectly balanced flavors. Brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
quote: "Absolutely top-tier dining. The wine pairing was exquisite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Cook",
|
||||
role: "Patron",
|
||||
quote: "Coal Spark redefined what I expect from an evening out. Perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ReviewsSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Secure your table at Coal Spark and ignite your senses."
|
||||
primaryButton={{
|
||||
text: "Book Table",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Private Events",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
91
src/pages/HomePage/sections/About.tsx
Normal file
91
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,91 @@
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
|
||||
import Button from "@/components/ui/Button";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
|
||||
const descriptions = [
|
||||
"At Coal Spark, we believe fire is the ultimate spice. Our charcoal-first philosophy honors traditional techniques while pushing boundaries of modern flavour.",
|
||||
"Every dish is a testament to quality, sourcing ingredients locally and cooking them over real oak embers to ensure depth, complexity, and soul."
|
||||
];
|
||||
|
||||
interface AboutTextSplitProps {
|
||||
title: string;
|
||||
descriptions: string[];
|
||||
primaryButton?: { text: string; href: string };
|
||||
secondaryButton?: { text: string; href: string };
|
||||
}
|
||||
|
||||
const AboutTextSplit = () => {
|
||||
return (
|
||||
<section aria-label="About section" className="relative w-full py-32 bg-background overflow-hidden">
|
||||
<div className="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-primary-cta/20 to-transparent" />
|
||||
|
||||
<div className="max-w-content-width mx-auto px-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
|
||||
<div className="order-2 lg:order-1 relative">
|
||||
<div className="relative aspect-[4/5] w-full max-w-md mx-auto lg:mx-0">
|
||||
<div className="absolute inset-0 border border-primary-cta/20 translate-x-4 translate-y-4" />
|
||||
<img
|
||||
src="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg"
|
||||
alt="Restaurant interior"
|
||||
className="absolute inset-0 w-full h-full object-cover grayscale hover:grayscale-0 transition-all duration-700"
|
||||
/>
|
||||
<div className="absolute -bottom-8 -right-8 w-48 h-48 bg-card border border-primary-cta/10 p-6 flex flex-col justify-center items-center text-center shadow-2xl">
|
||||
<span className="text-4xl font-light text-primary-cta mb-2">10+</span>
|
||||
<span className="text-sm text-foreground/60 uppercase tracking-widest">Years of Mastery</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="order-1 lg:order-2 flex flex-col justify-center">
|
||||
<span className="text-primary-cta text-sm font-medium tracking-[0.2em] uppercase mb-6 block">
|
||||
The Art of the Ember
|
||||
</span>
|
||||
|
||||
<TextAnimation
|
||||
text="Where Fire Meets Fine Dining"
|
||||
variant="fade-blur"
|
||||
gradientText={false}
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-8 tracking-tight"
|
||||
/>
|
||||
|
||||
<div className="space-y-6 text-lg text-foreground/70 font-light leading-relaxed">
|
||||
{descriptions.map((desc, index) => (
|
||||
<p key={index}>{desc}</p>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="mt-12 pt-8 border-t border-foreground/10 flex items-center gap-6">
|
||||
<div className="w-16 h-16 rounded-full border border-primary-cta/30 flex items-center justify-center">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-primary-cta">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" />
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="text-foreground font-medium text-lg">Signature Charcoal</h4>
|
||||
<p className="text-foreground/50 text-sm">Aged oak & hickory blend</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hidden">
|
||||
<TextAnimation text="The Art of the Ember" variant="fade" gradientText={true} tag="h2" />
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default function AboutSection() {
|
||||
return (
|
||||
<div data-webild-section="about" id="about">
|
||||
<AboutTextSplit />
|
||||
<div className="hidden">
|
||||
<AboutTextSplit title="The Art of the Ember" descriptions={descriptions} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Secure your table at Coal Spark and ignite your senses."
|
||||
primaryButton={{
|
||||
text: "Book Table",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Private Events",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Features.tsx
Normal file
49
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Craft"
|
||||
title="Why Coal Spark?"
|
||||
description="Excellence defined by fire, precision, and dedication to the craft."
|
||||
items={[
|
||||
{
|
||||
title: "Expert Culinary Team",
|
||||
description: "Masters of the grill ensuring perfect doneness.",
|
||||
tags: [
|
||||
"Artisanal",
|
||||
"Expertise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-master-chef-wearing-uniform-cooking-delicious-beef-steak-kitchen-restaurant_613910-18983.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sourced with Integrity",
|
||||
description: "Only the finest local, sustainable ingredients.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg",
|
||||
},
|
||||
{
|
||||
title: "Intimate Ambiance",
|
||||
description: "Atmospheric lighting to pair with every bite.",
|
||||
tags: [
|
||||
"Modern",
|
||||
"Intimate",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-sitting-table_23-2150124807.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
89
src/pages/HomePage/sections/Hero.tsx
Normal file
89
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,89 @@
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
|
||||
import Button from "@/components/ui/Button";
|
||||
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import ImageOrVideo from "@/components/ui/ImageOrVideo";
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
import AvatarGroup from "@/components/ui/AvatarGroup";
|
||||
|
||||
const primaryButton = {
|
||||
text: "Reserve Now",
|
||||
href: "#contact"
|
||||
};
|
||||
const secondaryButton = {
|
||||
text: "View Menu",
|
||||
href: "#menu"
|
||||
};
|
||||
|
||||
type HeroBillboardProps = {
|
||||
tag?: string;
|
||||
title: string;
|
||||
description: string;
|
||||
primaryButton: { text: string; href: string };
|
||||
secondaryButton: { text: string; href: string };
|
||||
avatarsSrc?: string[];
|
||||
avatarsLabel?: string;
|
||||
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
|
||||
|
||||
const HeroInline = () => {
|
||||
return (
|
||||
<section aria-label="Hero section" className="relative min-h-[90vh] flex items-center justify-center overflow-hidden bg-background">
|
||||
<div className="absolute inset-0 z-0">
|
||||
<ImageOrVideo
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-served-with-cherry-tomatoes-bread-glass-wine_140725-8423.jpg"
|
||||
className="w-full h-full object-cover opacity-40"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-t from-background via-background/80 to-transparent" />
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-background via-background/50 to-transparent" />
|
||||
</div>
|
||||
|
||||
<div className="relative z-10 w-full max-w-content-width mx-auto px-6 pt-32 pb-20 flex flex-col items-center text-center">
|
||||
<div className="mb-6">
|
||||
<span className="px-4 py-1.5 rounded-full border border-primary-cta/30 bg-primary-cta/10 text-primary-cta text-sm font-medium tracking-widest uppercase">
|
||||
Since 2024
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<TextAnimation
|
||||
text="Ignite Your Palate at Coal Spark"
|
||||
variant="fade-blur"
|
||||
gradientText={false}
|
||||
tag="h1"
|
||||
className="text-5xl md:text-7xl lg:text-8xl font-bold text-foreground mb-8 tracking-tight max-w-5xl"
|
||||
/>
|
||||
|
||||
<TextAnimation
|
||||
text="Experience the primal elegance of charcoal-grilled culinary masterpieces, crafted with passion and served in a sophisticated atmosphere."
|
||||
variant="fade-blur"
|
||||
gradientText={false}
|
||||
tag="p"
|
||||
className="text-lg md:text-xl text-foreground/80 max-w-2xl mb-12 font-light leading-relaxed"
|
||||
/>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-6">
|
||||
<Button
|
||||
text={primaryButton.text}
|
||||
href={primaryButton.href}
|
||||
variant="primary"
|
||||
className="px-8 py-4 text-lg rounded-none border border-primary-cta transition-all duration-300"
|
||||
/>
|
||||
<Button
|
||||
text={secondaryButton.text}
|
||||
href={secondaryButton.href}
|
||||
variant="secondary"
|
||||
className="px-8 py-4 text-lg rounded-none border border-foreground/20 transition-all duration-300"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default function HeroSection() {
|
||||
return (
|
||||
<div data-webild-section="hero" id="hero">
|
||||
<HeroInline />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Menu.tsx
Normal file
57
src/pages/HomePage/sections/Menu.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// 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 FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MenuSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="The Menu"
|
||||
title="Signature Coal Creations"
|
||||
description="Indulge in a curated journey of smoky, savory goodness."
|
||||
items={[
|
||||
{
|
||||
title: "Oak-Smoked Ribeye",
|
||||
description: "Perfectly seared 45-day dry aged beef.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-steak-grilled-red-meat-with-rosemary-tomato-lettuce-pomegranate-sauce-tray_141793-5108.jpg",
|
||||
},
|
||||
{
|
||||
title: "Chargrilled Vegetables",
|
||||
description: "Garden-fresh picks, kissed by embers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asparagus-baked-with-bacon-spices_1150-42441.jpg",
|
||||
},
|
||||
{
|
||||
title: "Embers Seafood Platter",
|
||||
description: "Fresh catch from local coastal waters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-grilled-red-fish-steak-with-broccoli-slice-lemon-tomato-narsharab-sauce_141793-4725.jpg",
|
||||
},
|
||||
{
|
||||
title: "House-Fired Artisan Bread",
|
||||
description: "Warm, crusty, and served with cultured butter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pie-slices-with-fresh-tangerines-candies-dark_140725-53046.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dark Chocolate Ember Tart",
|
||||
description: "Rich cocoa finish with a hint of smoke.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biscuit-with-strawberries-round-chocolate-inside-purple-plate-along-with-coffee-seeds-candies_140725-29796.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reserve Cellar Selection",
|
||||
description: "Vintages selected to complement our grill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-wine-fine-glass-with-blue-cheese-honey-walnuts-dark_114579-1632.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smoked Botanical Cocktails",
|
||||
description: "Handcrafted drinks with a spark.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bartender-preparing-drink_23-2150494243.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Metrics.tsx
Normal file
40
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// 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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Quality measured in every satisfied guest and glowing ember."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Plates Served",
|
||||
description: "Delivering happiness one plate at a time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Local Farms",
|
||||
description: "Supporting our regional culinary partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg",
|
||||
},
|
||||
{
|
||||
value: "500",
|
||||
title: "Charcoal Days",
|
||||
description: "Days spent perfecting our fire technique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Reviews.tsx
Normal file
57
src/pages/HomePage/sections/Reviews.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "reviews" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ReviewsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialRatingCards
|
||||
tag="Voices"
|
||||
title="Guest Stories"
|
||||
description="Hear what our regulars have to say about Coal Spark."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Food Critic",
|
||||
quote: "The most authentic charcoal experience in the city. Simply divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Patron",
|
||||
quote: "The smoky ribeye is unlike anything I've tasted before. A must-visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Wu",
|
||||
role: "Patron",
|
||||
quote: "Intimate atmosphere and perfectly balanced flavors. Brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
quote: "Absolutely top-tier dining. The wine pairing was exquisite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Cook",
|
||||
role: "Patron",
|
||||
quote: "Coal Spark redefined what I expect from an evening out. Perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user