Merge version_2_1781465564209 into main #1

Merged
bender merged 1 commits from version_2_1781465564209 into main 2026-06-14 19:34:04 +00:00
10 changed files with 386 additions and 285 deletions

View File

@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import "tailwindcss";
@import "./styles/masks.css";
@import "./styles/animations.css";
@@ -88,8 +88,8 @@
--color-background-accent: var(--background-accent);
/* Fonts */
--font-sans: 'Inter Tight', sans-serif;
--font-tight: "Inter Tight", sans-serif;
--font-sans: 'Playfair Display', serif;
--font-tight: "Playfair Display", serif;
--font-mono: monospace;
/* Border Radius */

View File

@@ -1,294 +1,36 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import { Award, Leaf, Users } from "lucide-react";
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 ProductSection from './HomePage/sections/Product';
import TestimonialSection from './HomePage/sections/Testimonial';
import MetricsSection from './HomePage/sections/Metrics';
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">
<HeroBillboardTiltedCarousel
tag="Welcome to The Quicken Tree"
title="Authentic British Flavors in the Heart of Coventry"
description="Experience exceptional dining in a beautiful, historic setting. Join us for a culinary journey prepared with fresh, locally-sourced ingredients."
primaryButton={{
text: "Reserve a Table",
href: "https://resdiary.com",
}}
secondaryButton={{
text: "View Menu",
href: "https://quickentree.uk",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinner_1203-3695.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-bistro_23-2149366411.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433853.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Story"
title="A Tradition of Excellence"
description="Located within the Heart of England Conference and Events Centre, The Quicken Tree is dedicated to creating memorable dining experiences."
items={[
{
icon: Leaf,
title: "Farm to Table",
description: "We source ingredients from the best local suppliers.",
},
{
icon: Users,
title: "Warm Hospitality",
description: "A welcoming atmosphere for all our guests.",
},
{
icon: Award,
title: "Award-Winning",
description: "Consistently highly-rated by our happy visitors.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028615.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesTaggedCards
tag="Our Specials"
title="Discover Our Craft"
description="Culinary delights crafted with passion and precision by our expert chefs."
items={[
{
tag: "Signature",
title: "Daily Roasts",
description: "Classic British roasts with all the trimmings.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-sliced-whole-vegetables-white-background-ripe-healthy-life-diet-meal-salad_140725-98241.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
{
tag: "Chef's Choice",
title: "Fresh Catch",
description: "Locally sourced seafood prepared to perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-salad-leaves-beans-rice_661915-390.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
{
tag: "Dessert",
title: "Sweet Treats",
description: "Hand-made desserts to round off your meal.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-sliced-whole-vegetables-white-background_140725-141181.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="product" data-section="product">
<SectionErrorBoundary name="product">
<FeaturesImageBento
tag="From Our Kitchen"
title="Culinary Gallery"
description="A glimpse into the heart of The Quicken Tree dining experience."
items={[
{
title: "Main Course",
description: "Gourmet plates.",
imageSrc: "http://img.b2bpic.net/free-photo/punch-cocktails_74190-1335.jpg",
},
{
title: "Fine Dining",
description: "Sophisticated atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-drink-with-mint-umbrella-decorated-glass_23-2148145351.jpg",
},
{
title: "Fresh Ingredients",
description: "Only the best produce.",
imageSrc: "http://img.b2bpic.net/free-photo/glass-refreshing-juicy-drink-sliced-orange_23-2148145423.jpg",
},
{
title: "Sweet Endings",
description: "Handcrafted desserts.",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-various-tasty-pastries-marble-backgroudn_114579-50116.jpg",
},
{
title: "Signature Drinks",
description: "Unique refreshments.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-local-food-assortment_23-2148833790.jpg",
},
{
title: "Local Produce",
description: "Seasonally picked.",
imageSrc: "http://img.b2bpic.net/free-photo/shell-with-red-curry_1339-530.jpg",
},
{
title: "Dining Area",
description: "Elegant setting.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-fruits-candies-white-surface-biscuit-cake-sweet-fruit-pie-cookies_140725-118218.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductSection />
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<TestimonialColumnMarqueeCards
tag="What Guests Say"
title="A Community Favorite"
description="Trusted by over 1,000 satisfied visitors."
testimonials={[
{
name: "Sarah W.",
role: "Food Critic",
quote: "The best Sunday roast I've had in years. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110412.jpg",
},
{
name: "James B.",
role: "Regular Patron",
quote: "Fantastic atmosphere and even better service every time.",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
},
{
name: "Emma L.",
role: "Wedding Guest",
quote: "Attended an event here, the food was absolutely delicious.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-interracial-women-laugh-good-jokes-watch-funny-videos-smart-phone_273609-18147.jpg",
},
{
name: "David P.",
role: "Local Resident",
quote: "Great value and high quality ingredients. Lovely staff.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg",
},
{
name: "Clara S.",
role: "Tourist",
quote: "A hidden gem in Coventry. Will definitely visit again.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Our Impact"
title="By The Numbers"
description="Proud to serve our local community and visitors."
metrics={[
{
value: "1,000+",
title: "Happy Guests",
features: [
"Consistently reviewed",
"High return rate",
],
},
{
value: "4.4★",
title: "Guest Rating",
features: [
"Top-rated cuisine",
"Exceptional service",
],
},
{
value: "£1030",
title: "Price Range",
features: [
"Affordable quality",
"Great value",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Get quick answers about your visit."
items={[
{
question: "Do I need a reservation?",
answer: "Booking a table is highly recommended, especially during peak times.",
},
{
question: "Are you family friendly?",
answer: "Yes, we welcome guests of all ages.",
},
{
question: "Is parking available?",
answer: "Yes, ample parking is provided at the Heart of England centre.",
},
{
question: "Do you offer vegetarian options?",
answer: "We have a dedicated selection of vegetarian and gluten-free choices.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Ready to experience The Quicken Tree?"
primaryButton={{
text: "Book a Table Now",
href: "https://resdiary.com",
}}
secondaryButton={{
text: "Contact Us",
href: "tel:+441676543300",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,39 @@
// 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 AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Award, Leaf, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Story"
title="A Tradition of Excellence"
description="Located within the Heart of England Conference and Events Centre, The Quicken Tree is dedicated to creating memorable dining experiences."
items={[
{
icon: Leaf,
title: "Farm to Table",
description: "We source ingredients from the best local suppliers.",
},
{
icon: Users,
title: "Warm Hospitality",
description: "A welcoming atmosphere for all our guests.",
},
{
icon: Award,
title: "Award-Winning",
description: "Consistently highly-rated by our happy visitors.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028615.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View 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="Visit Us"
text="Ready to experience The Quicken Tree?"
primaryButton={{
text: "Book a Table Now",
href: "https://resdiary.com",
}}
secondaryButton={{
text: "Contact Us",
href: "tel:+441676543300",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,38 @@
// 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 FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Get quick answers about your visit."
items={[
{
question: "Do I need a reservation?",
answer: "Booking a table is highly recommended, especially during peak times.",
},
{
question: "Are you family friendly?",
answer: "Yes, we welcome guests of all ages.",
},
{
question: "Is parking available?",
answer: "Yes, ample parking is provided at the Heart of England centre.",
},
{
question: "Do you offer vegetarian options?",
answer: "We have a dedicated selection of vegetarian and gluten-free choices.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// 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 FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesTaggedCards
tag="Our Specials"
title="Discover Our Craft"
description="Culinary delights crafted with passion and precision by our expert chefs."
items={[
{
tag: "Signature",
title: "Daily Roasts",
description: "Classic British roasts with all the trimmings.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-sliced-whole-vegetables-white-background-ripe-healthy-life-diet-meal-salad_140725-98241.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
{
tag: "Chef's Choice",
title: "Fresh Catch",
description: "Locally sourced seafood prepared to perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-salad-leaves-beans-rice_661915-390.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
{
tag: "Dessert",
title: "Sweet Treats",
description: "Hand-made desserts to round off your meal.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-sliced-whole-vegetables-white-background_140725-141181.jpg",
primaryButton: {
text: "See Menu",
href: "#",
},
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// 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 HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardTiltedCarousel
tag="Welcome to The Quicken Tree"
title="Authentic British Flavors in the Heart of Coventry"
description="Experience exceptional dining in a beautiful, historic setting. Join us for a culinary journey prepared with fresh, locally-sourced ingredients."
primaryButton={{
text: "Reserve a Table",
href: "https://resdiary.com",
}}
secondaryButton={{
text: "View Menu",
href: "https://quickentree.uk",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinner_1203-3695.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-bistro_23-2149366411.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433853.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,46 @@
// 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 MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Our Impact"
title="By The Numbers"
description="Proud to serve our local community and visitors."
metrics={[
{
value: "1,000+",
title: "Happy Guests",
features: [
"Consistently reviewed",
"High return rate",
],
},
{
value: "4.4★",
title: "Guest Rating",
features: [
"Top-rated cuisine",
"Exceptional service",
],
},
{
value: "£1030",
title: "Price Range",
features: [
"Affordable quality",
"Great value",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "product" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductSection(): React.JSX.Element {
return (
<div id="product" data-section="product">
<SectionErrorBoundary name="product">
<FeaturesImageBento
tag="From Our Kitchen"
title="Culinary Gallery"
description="A glimpse into the heart of The Quicken Tree dining experience."
items={[
{
title: "Main Course",
description: "Gourmet plates.",
imageSrc: "http://img.b2bpic.net/free-photo/punch-cocktails_74190-1335.jpg",
},
{
title: "Fine Dining",
description: "Sophisticated atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-drink-with-mint-umbrella-decorated-glass_23-2148145351.jpg",
},
{
title: "Fresh Ingredients",
description: "Only the best produce.",
imageSrc: "http://img.b2bpic.net/free-photo/glass-refreshing-juicy-drink-sliced-orange_23-2148145423.jpg",
},
{
title: "Sweet Endings",
description: "Handcrafted desserts.",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-various-tasty-pastries-marble-backgroudn_114579-50116.jpg",
},
{
title: "Signature Drinks",
description: "Unique refreshments.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-local-food-assortment_23-2148833790.jpg",
},
{
title: "Local Produce",
description: "Seasonally picked.",
imageSrc: "http://img.b2bpic.net/free-photo/shell-with-red-curry_1339-530.jpg",
},
{
title: "Dining Area",
description: "Elegant setting.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-fruits-candies-white-surface-biscuit-cake-sweet-fruit-pie-cookies_140725-118218.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonial" section.
import React from 'react';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialSection(): React.JSX.Element {
return (
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<TestimonialColumnMarqueeCards
tag="What Guests Say"
title="A Community Favorite"
description="Trusted by over 1,000 satisfied visitors."
testimonials={[
{
name: "Sarah W.",
role: "Food Critic",
quote: "The best Sunday roast I've had in years. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110412.jpg",
},
{
name: "James B.",
role: "Regular Patron",
quote: "Fantastic atmosphere and even better service every time.",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
},
{
name: "Emma L.",
role: "Wedding Guest",
quote: "Attended an event here, the food was absolutely delicious.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-interracial-women-laugh-good-jokes-watch-funny-videos-smart-phone_273609-18147.jpg",
},
{
name: "David P.",
role: "Local Resident",
quote: "Great value and high quality ingredients. Lovely staff.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg",
},
{
name: "Clara S.",
role: "Tourist",
quote: "A hidden gem in Coventry. Will definitely visit again.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}