Update src/app/page.tsx
This commit is contained in:
367
src/app/page.tsx
367
src/app/page.tsx
@@ -2,277 +2,120 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
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?_wi=1",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg?_wi=1",
|
||||
imageAlt: "Signature dish",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-wooden-background_23-2148718736.jpg?_wi=1",
|
||||
imageAlt: "Famous desserts",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-glass-wine_23-2148037495.jpg?_wi=1",
|
||||
imageAlt: "Wine pairing",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164908.jpg?_wi=2",
|
||||
imageAlt: "Harbourside view",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg?_wi=2",
|
||||
imageAlt: "Creative cuisine",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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?_wi=3",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why Borgo C?"
|
||||
description="A neighbourhood restaurant where comfort food meets creative artistry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
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"
|
||||
/>
|
||||
</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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user