Merge version_2 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -2,14 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
// NEW IMPORTS
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faqs",
|
||||
},
|
||||
name: "FAQs", id: "faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Golden Dragon"
|
||||
/>
|
||||
@@ -57,51 +50,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Golden Dragon: Authentic Sichuan Cuisine"
|
||||
description="Savor the rich, bold flavors and culinary traditions of Sichuan at Golden Dragon in San Francisco. A modern dining experience awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spring-rolls-ingredients-concept_23-2148773764.jpg",
|
||||
imageAlt: "Spicy Sichuan dish",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spring-rolls-ingredients-concept_23-2148773764.jpg", imageAlt: "Spicy Sichuan dish"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195577.jpg",
|
||||
imageAlt: "Elegant restaurant interior",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195577.jpg", imageAlt: "Elegant restaurant interior"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-kitchen_23-2150304375.jpg",
|
||||
imageAlt: "Chef cooking in kitchen",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-kitchen_23-2150304375.jpg", imageAlt: "Chef cooking in kitchen"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-vegetables_140725-85133.jpg",
|
||||
imageAlt: "Vibrant Mapo Tofu",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-vegetables_140725-85133.jpg", imageAlt: "Vibrant Mapo Tofu"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-roasted-chicken-round-plate-surrounded-by-sidedishes_181624-3513.jpg",
|
||||
imageAlt: "Crispy Peking Duck",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-roasted-chicken-round-plate-surrounded-by-sidedishes_181624-3513.jpg", imageAlt: "Crispy Peking Duck"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-squeezing-lemon-juice-into-shrimps-marble-table_2831-8124.jpg",
|
||||
imageAlt: "Steaming Dim Sum",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-squeezing-lemon-juice-into-shrimps-marble-table_2831-8124.jpg", imageAlt: "Steaming Dim Sum"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -115,17 +85,11 @@ export default function LandingPage() {
|
||||
description="Nestled in the heart of San Francisco, Golden Dragon brings the vibrant, spicy taste of Sichuan cuisine to your table. Our chefs, trained in traditional techniques, create an unforgettable dining experience with a modern twist."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "25+", title: "Years Experience"},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Authentic Dishes",
|
||||
},
|
||||
value: "100+", title: "Authentic Dishes"},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Reviews",
|
||||
},
|
||||
value: "5-Star", title: "Reviews"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg"
|
||||
imageAlt="Modern Chinese restaurant interior"
|
||||
@@ -142,37 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "mapo-tofu",
|
||||
name: "Mapo Tofu",
|
||||
price: "$18",
|
||||
variant: "Spicy & aromatic tofu with minced pork.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sweet-sour-duck-with-vegetables-pepper-plate_141793-2657.jpg",
|
||||
imageAlt: "Mapo Tofu",
|
||||
},
|
||||
id: "mapo-tofu", name: "Mapo Tofu", price: "$18", variant: "Spicy & aromatic tofu with minced pork.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sweet-sour-duck-with-vegetables-pepper-plate_141793-2657.jpg", imageAlt: "Mapo Tofu"},
|
||||
{
|
||||
id: "kung-pao-chicken",
|
||||
name: "Kung Pao Chicken",
|
||||
price: "$22",
|
||||
variant: "Classic stir-fried chicken with peanuts and chili.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-food-with-rice-broccoli-rice_1220-7935.jpg",
|
||||
imageAlt: "Kung Pao Chicken",
|
||||
},
|
||||
id: "kung-pao-chicken", name: "Kung Pao Chicken", price: "$22", variant: "Classic stir-fried chicken with peanuts and chili.", imageSrc: "http://img.b2bpic.net/free-photo/plate-food-with-rice-broccoli-rice_1220-7935.jpg", imageAlt: "Kung Pao Chicken"},
|
||||
{
|
||||
id: "dan-dan-noodles",
|
||||
name: "Dan Dan Noodles",
|
||||
price: "$16",
|
||||
variant: "Noodles with spicy sauce, preserved vegetables, and chili oil.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-asian-noodle-soup-with-vegetables-served-bowl-closeup_1220-7055.jpg",
|
||||
imageAlt: "Dan Dan Noodles",
|
||||
},
|
||||
id: "dan-dan-noodles", name: "Dan Dan Noodles", price: "$16", variant: "Noodles with spicy sauce, preserved vegetables, and chili oil.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-asian-noodle-soup-with-vegetables-served-bowl-closeup_1220-7055.jpg", imageAlt: "Dan Dan Noodles"},
|
||||
{
|
||||
id: "fish-fragrant-eggplant",
|
||||
name: "Fish-Fragrant Eggplant",
|
||||
price: "$19",
|
||||
variant: "Sautéed eggplant in a savory, tangy, sweet, and spicy sauce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplants-with-spice-peppers-tomato-lime-pan-wooden-flat-lay_176474-7281.jpg",
|
||||
imageAlt: "Fish-Fragrant Eggplant",
|
||||
},
|
||||
id: "fish-fragrant-eggplant", name: "Fish-Fragrant Eggplant", price: "$19", variant: "Sautéed eggplant in a savory, tangy, sweet, and spicy sauce.", imageSrc: "http://img.b2bpic.net/free-photo/eggplants-with-spice-peppers-tomato-lime-pan-wooden-flat-lay_176474-7281.jpg", imageAlt: "Fish-Fragrant Eggplant"},
|
||||
]}
|
||||
title="Our Exquisite Sichuan Menu"
|
||||
description="Explore a diverse range of authentic Sichuan dishes, from classic Mapo Tofu and Dan Dan Noodles to modern interpretations. Each dish is crafted with the freshest, most aromatic ingredients."
|
||||
@@ -180,98 +120,68 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardFive // Changed from TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "An Unforgettable Sichuan Experience!",
|
||||
quote: "Golden Dragon delivered an incredible culinary journey. The Mapo Tofu was perfectly spiced, and the ambiance was just right for a special evening out. We'll definitely be back!",
|
||||
name: "Sophia L.",
|
||||
role: "Food Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg",
|
||||
imageAlt: "Sophia L.",
|
||||
},
|
||||
id: "1", title: "An Unforgettable Sichuan Experience!", quote: "Golden Dragon delivered an incredible culinary journey. The Mapo Tofu was perfectly spiced, and the ambiance was just right for a special evening out. We'll definitely be back!", name: "Sophia L.", date: "January 15, 2024", // Added date
|
||||
tag: "Diner", // Added tag
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg", // Moved imageSrc to avatarSrc
|
||||
avatarAlt: "Sophia L."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best Chinese Restaurant in San Francisco!",
|
||||
quote: "The Kung Pao Chicken at Golden Dragon is a revelation! Every dish we tried was fresh, flavorful, and beautifully presented. The service was impeccable, making it a truly premium experience.",
|
||||
name: "Ethan K.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-doing-you-gesture-isolated-olive-green-with-copy-space_141793-77375.jpg",
|
||||
imageAlt: "Ethan K.",
|
||||
},
|
||||
id: "2", title: "Best Chinese Restaurant in San Francisco!", quote: "The Kung Pao Chicken at Golden Dragon is a revelation! Every dish we tried was fresh, flavorful, and beautifully presented. The service was impeccable, making it a truly premium experience.", name: "Ethan K.", date: "February 28, 2024", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-doing-you-gesture-isolated-olive-green-with-copy-space_141793-77375.jpg", avatarAlt: "Ethan K."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Authentic Flavors, Modern Setting",
|
||||
quote: "I've been searching for authentic Sichuan cuisine in San Francisco, and Golden Dragon exceeded all expectations. The Dan Dan Noodles were fantastic, and the restaurant's modern design created a wonderful atmosphere.",
|
||||
name: "Olivia M.",
|
||||
role: "Travel Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-woman-walking-park_1262-20515.jpg",
|
||||
imageAlt: "Olivia M.",
|
||||
},
|
||||
id: "3", title: "Authentic Flavors, Modern Setting", quote: "I've been searching for authentic Sichuan cuisine in San Francisco, and Golden Dragon exceeded all expectations. The Dan Dan Noodles were fantastic, and the restaurant's modern design created a wonderful atmosphere.", name: "Olivia M.", date: "March 10, 2024", tag: "Blogger", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-woman-walking-park_1262-20515.jpg", avatarAlt: "Olivia M."},
|
||||
{
|
||||
id: "4",
|
||||
title: "A True Gem!",
|
||||
quote: "From the moment we walked in, Golden Dragon impressed us. The Fish-Fragrant Eggplant was a standout, bursting with complex flavors. This place is a must-visit for anyone who loves high-quality Chinese food.",
|
||||
name: "Daniel P.",
|
||||
role: "Gourmet Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-bearded-man-with-hat_176420-32268.jpg",
|
||||
imageAlt: "Daniel P.",
|
||||
},
|
||||
id: "4", title: "A True Gem!", quote: "From the moment we walked in, Golden Dragon impressed us. The Fish-Fragrant Eggplant was a standout, bursting with complex flavors. This place is a must-visit for anyone who loves high-quality Chinese food.", name: "Daniel P.", date: "April 5, 2024", tag: "Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-bearded-man-with-hat_176420-32268.jpg", avatarAlt: "Daniel P."},
|
||||
]}
|
||||
title="What Our Guests Say About Golden Dragon"
|
||||
description="Hear from our valued customers who have experienced the unique, fiery flavors and warm ambiance of Golden Dragon. Their words reflect our commitment to culinary excellence."
|
||||
animationType="blur-reveal" // Added animation
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faqs" data-section="faqs">
|
||||
<FaqBase
|
||||
<FaqSplitMedia // Changed from FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer vegetarian and vegan options?",
|
||||
content: "Yes, our menu includes a variety of vegetarian and vegan dishes, clearly marked for your convenience. Please inform your server about any dietary restrictions.",
|
||||
},
|
||||
id: "1", title: "Do you offer vegetarian and vegan options?", content: "Yes, our menu includes a variety of vegetarian and vegan dishes, clearly marked for your convenience. Please inform your server about any dietary restrictions."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I make a reservation online?",
|
||||
content: "Absolutely! You can easily make a reservation through our website by clicking the 'Make a Reservation' button, or by calling us directly.",
|
||||
},
|
||||
id: "2", title: "Can I make a reservation online?", content: "Absolutely! You can easily make a reservation through our website by clicking the 'Make a Reservation' button, or by calling us directly."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer private dining options for events?",
|
||||
content: "Yes, Golden Dragon offers private dining spaces perfect for intimate gatherings, corporate events, or family celebrations. Please contact us for more details and availability.",
|
||||
},
|
||||
id: "3", title: "Do you offer private dining options for events?", content: "Yes, Golden Dragon offers private dining spaces perfect for intimate gatherings, corporate events, or family celebrations. Please contact us for more details and availability."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about reservations, our menu, dietary restrictions, and the dining experience at Golden Dragon."
|
||||
faqsAnimation="slide-up"
|
||||
// Added media
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-dishes-korean-cuisine-table_23-2150339943.jpg" // Placeholder image
|
||||
imageAlt="Sichuan cuisine spread"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplit // Changed from ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table at Golden Dragon"
|
||||
description="Make a reservation now and embark on a culinary journey through Sichuan. We look forward to welcoming you to Golden Dragon for an unforgettable dining experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+14151234567",
|
||||
},
|
||||
]}
|
||||
// Removed buttons as ContactSplit uses a form
|
||||
inputPlaceholder="Your email address" // Added form input
|
||||
buttonText="Send Message" // Added form button text
|
||||
termsText="By submitting, you agree to our privacy policy." // Added terms text
|
||||
onSubmit={(email) => console.log("Contact form submitted with email:", email)} // Placeholder onSubmit
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-restaurant_23-2149591942.jpg" // Added media
|
||||
imageAlt="Restaurant dining area"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -281,33 +191,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Our Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user