223 lines
12 KiB
TypeScript
223 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Penny Lane"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Welcome to Cafe Penny Lane"
|
|
description="Discover our cozy Scandinavian café in Aalborg. Enjoy exceptional coffee, freshly baked pastries, and a warm atmosphere perfect for relaxation or work."
|
|
tag="⭐ 4.5 • 2000+ Reviews"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg"
|
|
imageAlt="Cozy café interior with warm lighting"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+4598125800" },
|
|
{ text: "📅 Reserve Table", href: "#reservation" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="quick-actions" data-section="quick-actions">
|
|
<FeatureCardTwelve
|
|
title="Quick Access"
|
|
description="Everything you need at your fingertips"
|
|
features={[
|
|
{
|
|
id: "call", label: "Call", title: "Reach us instantly", items: [
|
|
"Direct phone line", "Quick response", "Peak hours: 8 AM - 6 PM"],
|
|
buttons: [
|
|
{
|
|
text: "Call: +45 98 12 58 00", href: "tel:+4598125800"},
|
|
],
|
|
},
|
|
{
|
|
id: "directions", label: "Map", title: "Get directions now", items: [
|
|
"Skipper Clements Gade 1a", "9000 Aalborg, Denmark", "Open until 6 PM today"],
|
|
buttons: [
|
|
{
|
|
text: "Open in Maps", href: "https://maps.google.com/?q=Skipper+Clements+Gade+1a+9000+Aalborg"},
|
|
],
|
|
},
|
|
{
|
|
id: "reserve", label: "Book", title: "Reserve your table", items: [
|
|
"Dine-in seating available", "Groups welcome", "Same-day booking"],
|
|
buttons: [
|
|
{
|
|
text: "Reserve Now", href: "#reservation"},
|
|
],
|
|
},
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Our Menu"
|
|
description="Handcrafted items featuring premium ingredients and authentic Scandinavian flavors"
|
|
tag="Popular Items"
|
|
products={[
|
|
{
|
|
id: "1", name: "Vegan Breakfast", price: "kr 145", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-butter-croissant-rustic-wooden-table_123827-36433.jpg?_wi=1", imageAlt: "Vegan breakfast platter"},
|
|
{
|
|
id: "2", name: "Kaffe Latte", price: "kr 55", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_74190-1198.jpg", imageAlt: "Premium latte coffee"},
|
|
{
|
|
id: "3", name: "Muesli & Berries", price: "kr 95", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-butter-croissant-rustic-wooden-table_123827-36433.jpg?_wi=2", imageAlt: "Fresh muesli with berries"},
|
|
{
|
|
id: "4", name: "Carrot Cake", price: "kr 65", imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-cheesecake-with-cranberries-cookies-stars-white-table_181624-39171.jpg?_wi=1", imageAlt: "Homemade carrot cake"},
|
|
{
|
|
id: "5", name: "Cheesecake", price: "kr 75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-cheesecake-with-cranberries-cookies-stars-white-table_181624-39171.jpg?_wi=2", imageAlt: "Classic New York cheesecake"},
|
|
{
|
|
id: "6", name: "Lemon Meringue Pie", price: "kr 85", imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-cheesecake-with-cranberries-cookies-stars-white-table_181624-39171.jpg?_wi=3", imageAlt: "Signature lemon meringue pie"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
title="What Our Guests Love"
|
|
description="Join thousands of satisfied customers who've experienced Cafe Penny Lane's warm hospitality and exceptional quality"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sofia Jensen", role: "Café Enthusiast", company: "Local Regular", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1", imageAlt: "Sofia Jensen"},
|
|
{
|
|
id: "2", name: "Marcus Andersen", role: "Remote Worker", company: "Tech Professional", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_1163-3145.jpg", imageAlt: "Marcus Andersen"},
|
|
{
|
|
id: "3", name: "Emilia Larsen", role: "Food Blogger", company: "Local Creator", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2", imageAlt: "Emilia Larsen"},
|
|
{
|
|
id: "4", name: "Thomas Nielsen", role: "Student", company: "AAU Aalborg", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", imageAlt: "Thomas Nielsen"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "2000+", label: "Glowing Reviews" },
|
|
{ value: "4.5★", label: "Average Rating" },
|
|
{ value: "kr 100-200", label: "Price per Person" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="Photo Gallery"
|
|
description="Experience the warm, inviting atmosphere of our café through authentic customer and venue photography"
|
|
tag="Visual Tour"
|
|
products={[
|
|
{
|
|
id: "g1", name: "Café Interior", price: "Warm & Cozy", imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=1", imageAlt: "Café seating area with natural light"},
|
|
{
|
|
id: "g2", name: "Café Ambiance", price: "Inviting Space", imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5435.jpg", imageAlt: "Minimalist café design with wooden tables"},
|
|
{
|
|
id: "g3", name: "Food Artistry", price: "Beautifully Plated", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-food-template_23-2150460111.jpg", imageAlt: "Expertly plated brunch dish"},
|
|
{
|
|
id: "g4", name: "Bakery Display", price: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg", imageAlt: "Pastry and dessert display case"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about visiting Cafe Penny Lane"
|
|
tag="Help & Info"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your opening hours?", content: "We're open daily from 8 AM to 6 PM. Perfect for breakfast, brunch, coffee breaks, and early dinners. Check our website for holiday hours."},
|
|
{
|
|
id: "2", title: "Do you offer vegetarian and vegan options?", content: "Yes! We offer a full range of vegetarian and vegan menu items, including our popular Vegan Breakfast and plant-based milk alternatives for all coffee drinks."},
|
|
{
|
|
id: "3", title: "Can I book a private event or group?", content: "Absolutely! We welcome groups and can accommodate private bookings. Please call us at +45 98 12 58 00 or reserve online to arrange your event."},
|
|
{
|
|
id: "4", title: "Is there parking available?", content: "We're located in central Aalborg with nearby public parking facilities. Street parking is available on Skipper Clements Gade. Bike parking is free."},
|
|
{
|
|
id: "5", title: "Do you have WiFi for remote workers?", content: "Yes! We have fast, free WiFi perfect for working, studying, or browsing. Many guests spend hours here with our coffee and peaceful atmosphere."},
|
|
{
|
|
id: "6", title: "What's your cancellation policy for reservations?", content: "We ask for 24-hour notice if you need to cancel. For small changes or adjustments, feel free to call us directly."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=2"
|
|
imageAlt="Café interior"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
<ContactCTA
|
|
tag="Secure Your Spot"
|
|
tagIcon={Calendar}
|
|
title="Reserve Your Table"
|
|
description="Book a table at Cafe Penny Lane for an unforgettable dining experience. We accommodate groups and individual diners."
|
|
buttons={[
|
|
{ text: "📅 Reserve Now", href: "https://booking.example.com/penny-lane" },
|
|
{ text: "📞 Call to Book", href: "tel:+4598125800" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Penny Lane"
|
|
leftLink={{ text: "Contact Us", href: "tel:+4598125800" }}
|
|
rightLink={{ text: "Follow Us", href: "https://instagram.com" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|