Compare commits
1 Commits
version_1_
...
version_2_
| Author | SHA1 | Date | |
|---|---|---|---|
|
6830020f0e |
@@ -1,97 +1,36 @@
|
||||
import { motion } from "motion/react";
|
||||
// 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.
|
||||
|
||||
import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||||
import HeroExpand from "@/components/sections/hero/HeroExpand";
|
||||
import AboutParallax from "@/components/sections/about/AboutParallax";
|
||||
import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards";
|
||||
import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
|
||||
import FeaturesRevealCardsBento from "@/components/sections/features/FeaturesRevealCardsBento";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import RoomsSection from './HomePage/sections/Rooms';
|
||||
import ExperienceSection from './HomePage/sections/Experience';
|
||||
import JourneysSection from './HomePage/sections/Journeys';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage() {
|
||||
|
||||
import ReviewsSection from './HomePage/sections/Reviews';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
|
||||
<SiteBackgroundSlot />
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroExpand
|
||||
title="Gourmet Haven"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg"
|
||||
primaryButton={{ text: "View Menu", href: "#rooms" }}
|
||||
secondaryButton={{ text: "Book a Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutParallax
|
||||
tag="Our Philosophy"
|
||||
title="Culinary Artistry in Every Dish"
|
||||
description="At Gourmet Haven, we believe that dining is an immersive experience. Our chefs combine locally sourced ingredients with centuries-old culinary techniques to create unforgettable plates."
|
||||
frontImageSrc="http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg"
|
||||
backImageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
|
||||
badge="Est. 1998"
|
||||
/>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeaturesAttributeCards
|
||||
tag="Menu Highlights"
|
||||
title="Signature Selections"
|
||||
description="A curated collection of our most celebrated dishes, crafted to perfection."
|
||||
items={[
|
||||
{ title: "Truffle Infused Risotto", tags: "Vegetarian, Rich, Seasonal", badge: "Chef's Choice", details: [{ icon: "ChefHat", label: "Prep", value: "30m" }, { icon: "Flame", label: "Heat", value: "Medium" }, { icon: "Award", label: "Rating", value: "4.9" }], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-chocolate-cake-with-chocolate-chips-grey-surface_140725-115540.jpg" },
|
||||
{ title: "Seared Atlantic Scallops", tags: "Seafood, Fresh, Delicate", badge: null, details: [{ icon: "ChefHat", label: "Prep", value: "20m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "4.8" }], imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
|
||||
{ title: "Wagyu Ribeye Steak", tags: "Premium, Savory, Aged", badge: "Top Seller", details: [{ icon: "ChefHat", label: "Prep", value: "45m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "5.0" }], imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<RoomsSection />
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeaturesMediaGrid
|
||||
tag="Dining Experience"
|
||||
title="Atmosphere & Ambience"
|
||||
description="From intimate dinners to lively celebrations, discover the unique settings we offer for your next meal."
|
||||
items={[
|
||||
{ title: "Garden Terrace", description: "Open-air dining under the stars with soft ambient lighting", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698354.jpg" },
|
||||
{ title: "Private Wine Cellar", description: "Exclusive tastings paired with our sommelier's finest selection", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153712.jpg" },
|
||||
{ title: "Chef's Counter", description: "Watch the magic happen live with our open kitchen experience", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<ExperienceSection />
|
||||
|
||||
<div id="journeys" data-section="journeys">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Story"
|
||||
title="Behind the Kitchen"
|
||||
description="Meet the passion and dedication that goes into every single plate at Gourmet Haven."
|
||||
items={[
|
||||
{ title: "Sourcing", description: "Working directly with local farmers for the freshest ingredients", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-farmers-market_23-2148209779.jpg" },
|
||||
{ title: "Craft", description: "Mastering the art of traditional methods", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg" },
|
||||
{ title: "Vision", description: "Creating memories through modern gastronomy", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-fork-dark_140725-153934.jpg" },
|
||||
{ title: "Wine", description: "Curating the finest global vineyards", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-wine-glass-white-vertical_176474-4128.jpg" },
|
||||
{ title: "Service", description: "Unparalleled attention to every detail", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg" },
|
||||
{ title: "Passion", description: "Heart and soul in every bite", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" },
|
||||
{ title: "Community", description: "Serving our local neighborhood with love", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<JourneysSection />
|
||||
<ReviewsSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Join us for an exquisite dining journey. We recommend booking in advance, especially for weekend dinner service."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Guest Name", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date" },
|
||||
{ name: "time", type: "time", placeholder: "Preferred Time" }
|
||||
]}
|
||||
textarea={{ name: "requests", placeholder: "Dietary requirements or special requests?", rows: 4 }}
|
||||
buttonText="Reserve Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
|
||||
/>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
20
src/pages/HomePage/sections/About.tsx
Normal file
20
src/pages/HomePage/sections/About.tsx
Normal 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 AboutParallax from "@/components/sections/about/AboutParallax";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<AboutParallax
|
||||
tag="Our Philosophy"
|
||||
title="Culinary Artistry in Every Dish"
|
||||
description="At Gourmet Haven, we believe that dining is an immersive experience. Our chefs combine locally sourced ingredients with centuries-old culinary techniques to create unforgettable plates."
|
||||
frontImageSrc="http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg"
|
||||
backImageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
|
||||
badge="Est. 1998"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
26
src/pages/HomePage/sections/Contact.tsx
Normal file
26
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
// 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 ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Join us for an exquisite dining journey. We recommend booking in advance, especially for weekend dinner service."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Guest Name", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date" },
|
||||
{ name: "time", type: "time", placeholder: "Preferred Time" }
|
||||
]}
|
||||
textarea={{ name: "requests", placeholder: "Dietary requirements or special requests?", rows: 4 }}
|
||||
buttonText="Reserve Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/Experience.tsx
Normal file
22
src/pages/HomePage/sections/Experience.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "experience" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
|
||||
|
||||
export default function ExperienceSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="experience" data-section="experience">
|
||||
<FeaturesMediaGrid
|
||||
tag="Dining Experience"
|
||||
title="Atmosphere & Ambience"
|
||||
description="From intimate dinners to lively celebrations, discover the unique settings we offer for your next meal."
|
||||
items={[
|
||||
{ title: "Garden Terrace", description: "Open-air dining under the stars with soft ambient lighting", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698354.jpg" },
|
||||
{ title: "Private Wine Cellar", description: "Exclusive tastings paired with our sommelier's finest selection", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153712.jpg" },
|
||||
{ title: "Chef's Counter", description: "Watch the magic happen live with our open kitchen experience", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
18
src/pages/HomePage/sections/Hero.tsx
Normal file
18
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
// 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 HeroExpand from "@/components/sections/hero/HeroExpand";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroExpand
|
||||
title="Gourmet Haven"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg"
|
||||
primaryButton={{ text: "View Menu", href: "#rooms" }}
|
||||
secondaryButton={{ text: "Book a Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
26
src/pages/HomePage/sections/Journeys.tsx
Normal file
26
src/pages/HomePage/sections/Journeys.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "journeys" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from "@/components/sections/features/FeaturesRevealCardsBento";
|
||||
|
||||
export default function JourneysSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="journeys" data-section="journeys">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Story"
|
||||
title="Behind the Kitchen"
|
||||
description="Meet the passion and dedication that goes into every single plate at Gourmet Haven."
|
||||
items={[
|
||||
{ title: "Sourcing", description: "Working directly with local farmers for the freshest ingredients", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-farmers-market_23-2148209779.jpg" },
|
||||
{ title: "Craft", description: "Mastering the art of traditional methods", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg" },
|
||||
{ title: "Vision", description: "Creating memories through modern gastronomy", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-fork-dark_140725-153934.jpg" },
|
||||
{ title: "Wine", description: "Curating the finest global vineyards", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-wine-glass-white-vertical_176474-4128.jpg" },
|
||||
{ title: "Service", description: "Unparalleled attention to every detail", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg" },
|
||||
{ title: "Passion", description: "Heart and soul in every bite", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" },
|
||||
{ title: "Community", description: "Serving our local neighborhood with love", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
80
src/pages/HomePage/sections/Reviews.tsx
Normal file
80
src/pages/HomePage/sections/Reviews.tsx
Normal file
@@ -0,0 +1,80 @@
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import Tag from "@/components/ui/Tag";
|
||||
import RatingStars from "@/components/ui/RatingStars";
|
||||
import ImageOrVideo from "@/components/ui/ImageOrVideo";
|
||||
|
||||
export default function ReviewsSection() {
|
||||
const testimonials = [
|
||||
{
|
||||
name: "Eleanor Vance",
|
||||
role: "Food Critic",
|
||||
quote: "An absolute masterpiece of culinary art. Every dish was a journey of flavors, and the ambiance is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200&h=200"
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Local Guide",
|
||||
quote: "The attention to detail here is phenomenal. From the perfectly seared scallops to the curated wine list, it's a flawless experience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200&h=200"
|
||||
},
|
||||
{
|
||||
name: "Sophia Lin",
|
||||
role: "Regular Guest",
|
||||
quote: "We celebrate all our special occasions here. The staff makes you feel like royalty, and the tasting menu never disappoints.",
|
||||
rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200&h=200"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<section className="relative w-full py-24 bg-background" data-webild-section="reviews">
|
||||
<div className="w-content-width mx-auto">
|
||||
<div className="flex flex-col items-center text-center mb-16">
|
||||
<ScrollReveal variant="fade">
|
||||
<Tag text="Guest Reviews" className="mb-4" />
|
||||
</ScrollReveal>
|
||||
<TextAnimation
|
||||
text="What Our Diners Say"
|
||||
variant="fade-blur"
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl font-serif font-bold text-foreground mb-6"
|
||||
gradientText={false}
|
||||
/>
|
||||
<ScrollReveal variant="fade" delay={0.1}>
|
||||
<p className="text-lg text-accent max-w-2xl mx-auto">
|
||||
Read about the experiences of our guests and discover why we are a top dining destination.
|
||||
</p>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{testimonials.map((testimonial, index) => (
|
||||
<ScrollReveal variant="fade" key={index} delay={0.1 * (index + 1)}>
|
||||
<div className="card p-8 h-full flex flex-col">
|
||||
<RatingStars rating={testimonial.rating} className="mb-6" />
|
||||
<p className="text-foreground text-lg mb-8 flex-grow italic">
|
||||
"{testimonial.quote}"
|
||||
</p>
|
||||
<div className="flex items-center gap-4 mt-auto">
|
||||
<div className="w-12 h-12 rounded-full overflow-hidden flex-shrink-0">
|
||||
<ImageOrVideo
|
||||
imageSrc={testimonial.imageSrc}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="text-foreground font-semibold">{testimonial.name}</h4>
|
||||
<p className="text-accent text-sm">{testimonial.role}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/Rooms.tsx
Normal file
22
src/pages/HomePage/sections/Rooms.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "rooms" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards";
|
||||
|
||||
export default function RoomsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeaturesAttributeCards
|
||||
tag="Menu Highlights"
|
||||
title="Signature Selections"
|
||||
description="A curated collection of our most celebrated dishes, crafted to perfection."
|
||||
items={[
|
||||
{ title: "Truffle Infused Risotto", tags: "Vegetarian, Rich, Seasonal", badge: "Chef's Choice", details: [{ icon: "ChefHat", label: "Prep", value: "30m" }, { icon: "Flame", label: "Heat", value: "Medium" }, { icon: "Award", label: "Rating", value: "4.9" }], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-chocolate-cake-with-chocolate-chips-grey-surface_140725-115540.jpg" },
|
||||
{ title: "Seared Atlantic Scallops", tags: "Seafood, Fresh, Delicate", badge: null, details: [{ icon: "ChefHat", label: "Prep", value: "20m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "4.8" }], imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
|
||||
{ title: "Wagyu Ribeye Steak", tags: "Premium, Savory, Aged", badge: "Top Seller", details: [{ icon: "ChefHat", label: "Prep", value: "45m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "5.0" }], imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user