Merge version_1 into main #6
@@ -11,8 +11,8 @@ import { Playfair_Display, Noto_Serif_TC, Inter, Noto_Sans_TC } from "next/font/
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Borgo C - Home-Style Fusion Cuisine in Lei King Wan',
|
||||
description: 'MSG-free home-style Chinese-Western fusion cuisine with artistic desserts in the heart of Lei King Wan. Reserve your table at Borgo C.',
|
||||
title: 'Home',
|
||||
description: 'Welcome to our website.',
|
||||
openGraph: {
|
||||
"title": "Borgo C - Official Restaurant",
|
||||
"description": "Home-style fusion cuisine in Lei King Wan.",
|
||||
|
||||
166
src/app/page.tsx
166
src/app/page.tsx
@@ -1,122 +1,66 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Our Story", id: "/story" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reserve" }
|
||||
]}
|
||||
brandName="Borgo C"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Home-Style Flavours. Harbourside Soul."
|
||||
description="MSG-free Chinese-Western fusion cuisine in the heart of Lei King Wan since 2011."
|
||||
buttons={[{ text: "Reserve a Table", href: "/reserve" }]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164908.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg", imageAlt: "Signature dish" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-wooden-background_23-2148718736.jpg", imageAlt: "Famous desserts" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-glass-wine_23-2148037495.jpg", imageAlt: "Wine pairing" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164908.jpg", imageAlt: "Harbourside view" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg", imageAlt: "Creative cuisine" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Borgo C?"
|
||||
description="A neighbourhood restaurant where comfort food meets creative artistry."
|
||||
features={[
|
||||
{ id: "f1", title: "MSG-Free Home Cooking", author: "Our Philosophy", description: "Every dish starts with quality ingredients, prepared with care — just like home, but better.", tags: ["MSG-Free", "Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg" },
|
||||
{ id: "f2", title: "Legendary Desserts", author: "Chef's Signature", description: "Choose from 10+ daily-rotating desserts. The presentation alone is worth the visit.", tags: ["Creative", "Rotating"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-wooden-background_23-2148718736.jpg" },
|
||||
{ id: "f3", title: "Wine & BYO Friendly", author: "Our Cellar", description: "Enjoy our curated selection or bring your own — no corkage charged.", tags: ["BYO", "Curated"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-glass-wine_23-2148037495.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="It's more than just a restaurant; it's almost like a second home. The food is excellent, the vibe is cosy, the service is attentive and cordial."
|
||||
rating={5}
|
||||
author="Wendy Y. & Larry S."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg", alt: "Wendy Y" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg", alt: "Larry S" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg", alt: "Regular" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", alt: "Foodie" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg", alt: "Guest 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about dining at Borgo C."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "faq1", title: "Do you accept walk-ins?", content: "Yes, we always hold a few tables for walk-in guests, but reservations are recommended." },
|
||||
{ id: "faq2", title: "Is your menu MSG-free?", content: "Absolutely. We pride ourselves on creating flavours using only fresh, natural ingredients." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Experience the Warmth"
|
||||
description="Come join us for a meal in Lei King Wan, Sai Wan Ho. Your table is waiting."
|
||||
buttons={[{ text: "Get Directions", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Our Story", href: "/story" }, { label: "Menu", href: "/menu" }] },
|
||||
{ title: "Support", items: [{ label: "Reserve a Table", href: "/reserve" }, { label: "Contact", href: "/contact" }, { label: "Events", href: "/events" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Google Maps", href: "#" }] }
|
||||
]}
|
||||
logoText="Borgo C"
|
||||
copyrightText="© 2024 Borgo C. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Build Your Future"
|
||||
description="Innovation delivered through high-performance components."
|
||||
background={{ variant: "animated-grid" }}
|
||||
carouselItems={[{ id: "1", imageAlt: "Item 1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
title="Powerful Features"
|
||||
description="Everything you need to scale."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{ id: "1", title: "Speed", author: "Team", description: "Lightning fast performance", tags: ["tech"] }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Incredible results!"
|
||||
rating={5}
|
||||
author="Jane Doe"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Questions?"
|
||||
faqs={[{ id: "1", title: "What is this?", content: "A platform." }]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Reach Out"
|
||||
title="Get in Touch"
|
||||
description="We're here to help."
|
||||
buttons={[{ text: "Email Us" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user