Update src/app/page.tsx
This commit is contained in:
@@ -2,17 +2,18 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import { Sparkles, Mail, Instagram, CalendarCheck, ShoppingBag } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -35,11 +36,11 @@ export default function LandingPage() {
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Table"
|
||||
button={{
|
||||
text: "Order Now", href: "#menu"
|
||||
text: "Order Now", href: "#menu"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -52,7 +53,7 @@ export default function LandingPage() {
|
||||
description="Experience fine dining reimagined with fresh local ingredients and a warm, welcoming atmosphere in the heart of the city."
|
||||
tag="Voted Best in Town"
|
||||
buttons={[
|
||||
{ text: "Book Table", href: "/contact" },
|
||||
{ text: "Book Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
mediaItems={[
|
||||
@@ -82,14 +83,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Mobile Responsive", subtitle: "View our menu effortlessly on any device.", category: "Service", value: "100%" },
|
||||
{ id: "f2", title: "Online Ordering", subtitle: "Order your favorite meals ahead with one click.", category: "Convenience", value: "Fast" },
|
||||
{ id: "f3", title: "Event RSVP", subtitle: "Manage your event attendance with ease.", category: "Booking", value: "Easy" },
|
||||
{ id: "f4", title: "Newsletter Signup", subtitle: "Join our community for updates and perks.", category: "Community", value: "Join" },
|
||||
{ id: "f5", title: "Social Feed", subtitle: "Follow our culinary journey on Instagram.", category: "Social", value: "Live" },
|
||||
{ id: "f1", title: "Mobile Responsive", subtitle: "Seamless experience across all devices.", category: "Design", value: "Smooth", buttons: [{text: "Learn More"}] },
|
||||
{ id: "f2", title: "Online Ordering", subtitle: "Order meals ahead with one click.", category: "Convenience", value: "Quick", buttons: [{text: "Order Now"}] },
|
||||
{ id: "f3", title: "Event RSVP", subtitle: "Register for special dining events.", category: "Booking", value: "Open", buttons: [{text: "RSVP Now"}] },
|
||||
{ id: "f4", title: "Newsletter", subtitle: "Stay updated with special perks.", category: "Community", value: "Join", buttons: [{text: "Sign Up"}] },
|
||||
{ id: "f5", title: "Social Feed", subtitle: "Check out our live Instagram gallery.", category: "Social", value: "Live", buttons: [{text: "View Feed"}] },
|
||||
]}
|
||||
title="Modern Restaurant Amenities"
|
||||
description="Designed for your comfort and connection, our digital-first approach ensures a seamless experience from booking to dining."
|
||||
title="Modern Restaurant Experience"
|
||||
description="Designed for your comfort, our digital-first approach ensures a seamless connection from reservation to the last bite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,28 +104,21 @@ export default function LandingPage() {
|
||||
{ id: "p1", name: "Artisan Bread Basket", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sliced-greenery-vegetables-pomegranate-arils-plate_114579-86474.jpg" },
|
||||
{ id: "p2", name: "Seared Prime Steak", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/fried-eggplant-with-tomatoes-sesame-seeds-plate_140725-9191.jpg" },
|
||||
{ id: "p3", name: "Homemade Basil Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/vegan-pasta-white-plate_23-2148305758.jpg" },
|
||||
{ id: "p4", name: "Pan-Seared Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg" },
|
||||
{ id: "p5", name: "Dark Chocolate Mousse", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" },
|
||||
{ id: "p6", name: "Fresh Harvest Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bowl-salad-with-fried-potatoes-arugula-cucumber-lettuce-yoghurt_140725-1500.jpg" },
|
||||
]}
|
||||
title="Seasonal Menu Highlights"
|
||||
description="Artisanal ingredients meet culinary expertise in every curated plate we serve."
|
||||
title="Seasonal Menu"
|
||||
description="Carefully crafted dishes using locally sourced produce."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15K+", title: "Happy Guests Served", description: "Delivering excellence at every seat.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg" },
|
||||
{ id: "m2", value: "24", title: "Industry Awards", description: "Celebrating culinary excellence and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg" },
|
||||
{ id: "m3", value: "12", title: "Local Farms Partners", description: "Directly sourcing sustainable ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/girl-slices-vegetables-board-prepares-salad-nature-sunny-day-cooking-close-up-view_78826-3100.jpg" },
|
||||
]}
|
||||
title="Community Milestones"
|
||||
description="Our passion drives impact in our local community through shared dining and meaningful gathering."
|
||||
/>
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactForm
|
||||
tag="Join Us"
|
||||
tagIcon={Mail}
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter to receive weekly specials and exclusive invitations to our events."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Sign Up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
@@ -135,10 +129,6 @@ export default function LandingPage() {
|
||||
author="Samantha W."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/salad-with-oil-fresh-tomatoes-colourful-bell-peppers-red-beans_140725-10631.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -150,36 +140,33 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance through our website." },
|
||||
{ id: "q2", title: "Are you pet friendly?", content: "Our patio area is pet friendly, though indoors is reserved for human diners." },
|
||||
{ id: "q3", title: "Do you offer private dining?", content: "Absolutely! Contact us for private event packages and availability." },
|
||||
{ id: "q1", title: "Do you take reservations?", content: "Yes, please book online." },
|
||||
{ id: "q2", title: "How do I RSVP for events?", content: "Use the RSVP links on our events section." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722790.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Got Questions?"
|
||||
description="Here is everything you need to know about dining at The Table."
|
||||
faqsAnimation="slide-up"
|
||||
title="FAQ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready for your next favorite meal? Let us save you a seat."
|
||||
buttons={[
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Seat"
|
||||
description="We are ready to welcome you for an unforgettable dining experience."
|
||||
buttons={[{ text: "Call to Book" }, { text: "Directions" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Table"
|
||||
copyrightText="© 2025 The Table Restaurant"
|
||||
/>
|
||||
<FooterBaseReveal
|
||||
logoText="The Table"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{label: "About", href: "#about"}, {label: "Menu", href: "#menu"}] },
|
||||
{ title: "Connect", items: [{label: "Newsletter", href: "#newsletter"}, {label: "Instagram", href: "#"}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user