240 lines
11 KiB
TypeScript
240 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="aurora"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Hideaway"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Southport’s Favorite Hidden Gem."
|
||
description="From the best breakfast in town to intimate evening tapas—experience the cozy charm of Hideaway."
|
||
buttons={[
|
||
{
|
||
text: "Book a Table", onClick: () => {
|
||
const el = document.getElementById('contact');
|
||
if (el) el.scrollIntoView({ behavior: 'smooth' });
|
||
},
|
||
},
|
||
{
|
||
text: "View the Menu", onClick: () => {
|
||
const el = document.getElementById('menu');
|
||
if (el) el.scrollIntoView({ behavior: 'smooth' });
|
||
},
|
||
},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/english-cuisine-chives-brunch-salmon_1203-4139.jpg", imageAlt: "Coffee and breakfast"},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", imageAlt: "Interior vibe"},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-american-young-woman-drinking-coffee_23-2147936204.jpg", imageAlt: "Tapas selection"},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", imageAlt: "Cocktails"},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beetroot-with-vegetable-salad_1203-9019.jpg", imageAlt: "Atmosphere"},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/table-empty-white-seat-background_1203-4740.jpg", imageAlt: "Breakfast plate"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Your Escape From The Bustle"
|
||
description={[
|
||
"Located just steps off Lord Street, Hideaway is your escape from the bustle.", "Whether you’re looking for a 'Goldilocks' cup of coffee, a dog-friendly spot for the kids, or a sophisticated evening of bottomless brunch and cocktails, our door is open.", "We pride ourselves on service that feels like family and food that feels like a treat."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="concept" data-section="concept">
|
||
<FeatureCardTwentyNine
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "The Ultimate Breakfast", description: "Fresh artisan bagels, smoked salmon, and expert coffee.", imageSrc: "http://img.b2bpic.net/free-photo/english-breakfast-cooking-pan-with-fried-eggs-bacon-beans-grilled-tomatoes_1150-37813.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-meal-composition_23-2148833950.jpg", buttonText: "See Menu"},
|
||
{
|
||
title: "Chic Bistro & Bar", description: "Tapas and cocktails in a sophisticated setting.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-two-glasses-drink-with-blurry-lights-background_181624-36594.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/happy-new-year-2024-celebration_23-2151022282.jpg", buttonText: "See Menu"},
|
||
{
|
||
title: "Dog Friendly", description: "Bring your furry friends along for breakfast.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-delicious-food_23-2148948971.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/healthy-food-composition-with-fried-egg_23-2147992873.jpg", buttonText: "Visit Us"},
|
||
]}
|
||
title="The Chameleon Experience"
|
||
description="Morning sanctuary or chic evening lounge?"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonial" data-section="testimonial">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Maxine D.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleasant-looking-positive-woman-with-satisfied-expression-holds-disposable-cup-beverage_273609-18837.jpg"},
|
||
{
|
||
id: "2", name: "Marie M.", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-enjoying-cup-coffee-while-having-work-break-lunch-modern-restaurant-young-intelligent-man-entrepreneur-relaxing-indoors-cafe-looking-pensive_639032-2873.jpg"},
|
||
{
|
||
id: "3", name: "John P.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg"},
|
||
{
|
||
id: "4", name: "Sarah T.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg"},
|
||
{
|
||
id: "5", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg"},
|
||
]}
|
||
cardTitle="What Our Guests Say"
|
||
cardTag="Social Proof"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "The Ultimate Hideaway", price: "£12", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg"},
|
||
{
|
||
id: "p2", name: "Smoked Salmon Bagel", price: "£9", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-composition-wooden-background_23-2148617328.jpg"},
|
||
{
|
||
id: "p3", name: "Halloumi Fries", price: "£5", variant: "After Dark", imageSrc: "http://img.b2bpic.net/free-photo/donut-bread-with-smoked-salmon-egg-benedict_1203-9394.jpg"},
|
||
{
|
||
id: "p4", name: "Artisan Latte", price: "£3.5", variant: "Morning", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-salmon-olives-sandwich_23-2148640234.jpg"},
|
||
{
|
||
id: "p5", name: "Eggs Hollandaise", price: "£10", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-tasty-drink_23-2148865604.jpg"},
|
||
{
|
||
id: "p6", name: "Olives & Hummus", price: "£6", variant: "After Dark", imageSrc: "http://img.b2bpic.net/free-photo/mash-topped-with-sliced-tomato-cucumber-olives_140725-2796.jpg"},
|
||
]}
|
||
title="Taste Gallery"
|
||
description="Our signature dishes and drinks."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Southport Food Guide", "The Daily Local", "Visit England", "Lord St News", "Cafe Weekly", "Bistro Trends", "Community Spot"]}
|
||
title="As Featured In"
|
||
description="Local accolades and partnerships."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Are you dog friendly?", content: "Yes, we are very dog friendly! Bring your furry companions along."},
|
||
{
|
||
id: "q2", title: "Do you offer bottomless brunch?", content: "Yes, we offer a bottomless brunch experience on weekends."},
|
||
{
|
||
id: "q3", title: "Do you need a reservation?", content: "While we welcome walk-ins, reservations are recommended for peak times."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Everything you need to know about Hideaway."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Book Your Table"
|
||
description="Reach out to reserve your spot at Hideaway."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/entrance-cozy-cafe-with-menu-by-door-restaurant-city-doorway_169016-71085.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Hideaway Cafe"
|
||
columns={[
|
||
{
|
||
title: "Navigate", items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "About", href: "#about"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Instagram", href: "#"},
|
||
{
|
||
label: "Facebook", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |