Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cb4d772c54 | |||
| 12776a1b30 | |||
| 363d05a8bd |
194
src/app/page.tsx
194
src/app/page.tsx
@@ -2,16 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,176 +20,22 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DINE HOUSE"
|
||||
button={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[]}
|
||||
brandName="DINE HOUSE"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Exquisite Dining Experiences at DINE HOUSE"
|
||||
description="Where culinary artistry meets professional service. Join us for an unforgettable evening of flavors."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Satisfied Guests" },
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cutlery_23-2149293981.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ food enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Star Quality" },
|
||||
{ type: "text", text: "Farm-to-Table Fresh" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisan Craftsmanship" },
|
||||
{ type: "text", text: "Premier Fine Dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Passion for Perfection"
|
||||
description="Dine House started with a simple vision: to serve the freshest local ingredients with timeless technique. Our kitchen is where tradition meets modern innovation."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Local Sourced" },
|
||||
{ value: "24", title: "Award Winning Chefs" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Prime Steakhouse Cut", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg" },
|
||||
{ id: "p2", name: "Handmade Truffle Pasta", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg" },
|
||||
{ id: "p3", name: "Pan-Seared Salmon", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg" },
|
||||
{ id: "p4", name: "Dark Chocolate Ganache", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
|
||||
{ id: "p5", name: "Garden Heirloom Salad", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ id: "p6", name: "Artisan Bread Basket", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-toast-breakfast-top-view_116380-14.jpg" },
|
||||
]}
|
||||
title="Curated Seasonal Menu"
|
||||
description="Explore our signature dishes crafted by world-class chefs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Private Wine Cellar", description: "Hand-picked wines from around the world.", imageSrc: "http://img.b2bpic.net/free-photo/dinner-with-wine_1182-787.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-nature-sunset-views_23-2151514942.jpg", buttonText: "View List" },
|
||||
{ title: "Exclusive Event Hosting", description: "Perfect for your private celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg", buttonText: "Book Event" },
|
||||
{ title: "Sustainable Practices", description: "Committed to eco-friendly dining.", imageSrc: "http://img.b2bpic.net/free-photo/founder-eco-market-unlocks-packaging_482257-76694.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151187704.jpg", buttonText: "Read More" },
|
||||
]}
|
||||
title="Beyond Just Dining"
|
||||
description="Elevating every aspect of your visit to ensure complete comfort and enjoyment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "12", title: "Regional Locations", items: ["Serving major cities", "Consistent quality control", "Family-owned since day one"] },
|
||||
{ id: "m2", value: "200+", title: "Unique Recipes", items: ["Seasonal flavor profiles", "Handcrafted ingredients", "Master-level techniques"] },
|
||||
{ id: "m3", value: "500k", title: "Happy Guests", items: ["Exceptional service rating", "Return guest program", "Community favorites"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our history of serving quality and consistency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Dine House exceeded all expectations. The atmosphere was intimate, the service impeccable, and the steak was perfectly prepared. Truly a five-star experience."
|
||||
rating={5}
|
||||
author="Jonathan R., Food Critic"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-with-dessert-table-caf_23-2147871284.jpg", alt: "Mark K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg", alt: "Elena G" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg", alt: "David S" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg", alt: "Anna L" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance through our contact section." },
|
||||
{ id: "f2", title: "Is there a dress code?", content: "We maintain a business-casual dress code to match the elegant atmosphere." },
|
||||
{ id: "f3", title: "Do you accommodate allergies?", content: "Our kitchen is fully equipped to handle dietary restrictions with advance notice." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your upcoming dining experience."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join Us for Dinner"
|
||||
description="Reserve your table at Dine House today. Let us know any special requirements for your party."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests or party size...", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="DINE HOUSE"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Policy", items: [{ label: "Privacy", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Dine House Restaurant."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="DINE HOUSE"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 Dine House Restaurant."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user