Update src/app/page.tsx

This commit is contained in:
2026-05-12 19:54:28 +00:00
parent e4e609e5bf
commit 56fe292939

View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
@@ -31,26 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Celebrations",
id: "#features",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Menu Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Menu", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="Columbia Restaurant"
/>
@@ -58,48 +42,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="A Century of Celebration"
description="Experience the timeless flavors and storied traditions that have made Columbia Restaurant a destination for generations of milestone celebrations."
buttons={[
{
text: "Book Your Event",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Event", href: "#contact" }]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-experience-cityscape-night-generated-by-ai_188544-16619.jpg",
imageAlt: "Celebration scene",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
imageAlt: "Dining scene",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg",
imageAlt: "Heritage scene",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
imageAlt: "Celebration scene",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg",
imageAlt: "Dining scene",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg",
imageAlt: "Heritage scene",
},
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-experience-cityscape-night-generated-by-ai_188544-16619.jpg", imageAlt: "Celebration scene" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg", imageAlt: "Dining scene" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg", imageAlt: "Heritage scene" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "Celebration scene" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "Dining scene" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg", imageAlt: "Heritage scene" },
]}
/>
</div>
@@ -108,11 +61,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Our Storied Heritage"
buttons={[
{
text: "Learn More",
},
]}
buttons={[{ text: "Learn More" }]}
/>
</div>
@@ -121,40 +70,9 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Private Dining",
author: "Host your event",
description: "Custom menus in our elegant private rooms.",
tags: [
"Exclusive",
],
imageSrc: "http://img.b2bpic.net/free-photo/beauty-setting-table-luxury-place_8353-9905.jpg",
},
{
id: "f2",
title: "Gourmet Cuisine",
author: "Savor the flavors",
description: "Hand-crafted dishes using timeless recipes.",
tags: [
"Signature",
],
imageSrc: "http://img.b2bpic.net/free-photo/sliced-salmon-with-arugula-grapefruit-sauce_141793-954.jpg",
},
{
id: "f3",
title: "Expert Service",
author: "Attentive care",
description: "Our team ensures every detail is perfect.",
tags: [
"Hospitality",
],
imageSrc: "http://img.b2bpic.net/free-photo/men-blue-suit-clang-their-glasses-sitting-couch_8353-8846.jpg",
},
]}
title="Unforgettable Moments"
description="From private gatherings to grand celebrations, we provide the perfect stage for your most important memories."
features={[]}
title="Our Culinary Experience"
description="Discover our signature dishes and curated wine lists in our private dining rooms."
/>
</div>
@@ -163,218 +81,66 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "Patron",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
},
{
id: "t2",
name: "James Henderson",
role: "Patron",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-love_23-2147644586.jpg",
},
{
id: "t3",
name: "Linda Garcia",
role: "Patron",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg",
},
{
id: "t4",
name: "Robert Chen",
role: "Patron",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
},
{
id: "t5",
name: "Emily Davis",
role: "Patron",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
},
]}
testimonials={[]}
kpiItems={[
{
value: "100+",
label: "Years Served",
},
{
value: "1M+",
label: "Milestones Celebrated",
},
{
value: "5.0",
label: "Average Rating",
},
{ value: "100+", label: "Years Served" },
{ value: "1M+", label: "Milestones" },
{ value: "5.0", label: "Rating" },
]}
title="Generations of Joy"
description="See why families have chosen us for their special moments for over 100 years."
description="Hear from our satisfied guests."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Seasonal Menus"
description="Explore our curated prix-fixe menus for your next event."
plans={[
{
id: "p1",
price: "$80/pp",
name: "Intimate Gathering",
buttons: [
{
text: "Inquire",
},
],
features: [
"Customized Prix-fixe",
"Dedicated Server",
"Floral Centerpieces",
],
},
{
id: "p2",
price: "$120/pp",
name: "Grand Celebration",
buttons: [
{
text: "Inquire",
},
],
features: [
"Full Banquet Access",
"Premium Open Bar",
"Signature Menu",
"Custom Decor",
],
},
{ id: "p1", badge: "Popular", price: "$75", subtitle: "Lunch Banquet", buttons: [{ text: "Select" }], features: ["Starter", "Entree", "Dessert"] },
{ id: "p2", badge: "Premium", price: "$150", subtitle: "Dinner Gala", buttons: [{ text: "Select" }], features: ["Appetizer Trio", "Main Course", "Premium Wines", "Coffee Service"] },
]}
title="Celebration Packages"
description="Choose from our curated event experiences designed for effortless elegance."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1905",
title: "Founded",
description: "Century-old history",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg",
},
{
id: "m2",
value: "20",
title: "Dining Rooms",
description: "Unique event spaces",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-hall-with-elegant-table-setting-with-candles_181624-15206.jpg",
},
{
id: "m3",
value: "500+",
title: "Staff Members",
description: "Dedicated hospitality team",
imageSrc: "http://img.b2bpic.net/free-photo/male-pouring-champagne-glasses_23-2147931963.jpg",
},
]}
title="A Legacy of Excellence"
description="Quality remains at the heart of our celebration tradition."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
<FaqSplitMedia
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Frequently Asked Questions"
description="Find answers to common questions about reservations and dining."
faqs={[
{
id: "q1",
title: "Can we bring our own decor?",
content: "Yes, we allow custom decorations to make your celebration unique.",
},
{
id: "q2",
title: "Are vegetarian menus available?",
content: "Absolutely, our chefs provide extensive dietary options.",
},
{
id: "q3",
title: "What is the booking lead time?",
content: "We recommend booking at least 3 months in advance.",
},
{ id: "q1", title: "Do you host private events?", content: "Yes, we have multiple private dining rooms available for all occasions." },
{ id: "q2", title: "Is there a dress code?", content: "We recommend business casual attire for all guests." },
{ id: "q3", title: "How do I book?", content: "Contact our events team directly through the form below." },
]}
title="Common Questions"
description="Everything you need to plan your celebration."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-dish-restaurant-kitchen_23-2148118021.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
tag="Reservations"
title="Book Your Table"
description="Reach out to us to schedule your next dining experience or private celebration."
buttons={[{ text: "Email Us", href: "mailto:events@columbiarestaurant.com" }, { text: "Call Us", href: "tel:+15550123456" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Start planning your perfect celebration at Columbia Restaurant today."
buttons={[
{
text: "Contact Us Now",
href: "mailto:events@columbiarestaurant.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="Columbia"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Events",
items: [
{
label: "Private Dining",
href: "#features",
},
{
label: "Booking",
href: "#contact",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "Our Menu", href: "#pricing" }] },
{ items: [{ label: "Events", href: "#features" }, { label: "Bookings", href: "#contact" }] },
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 Columbia Restaurant."
bottomRightText="Privacy Policy"
/>
</div>
</ReactLenis>