213 lines
11 KiB
TypeScript
213 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Casa Street"
|
||
navItems={[
|
||
{ name: "Menu", id: "signature-dishes" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Why Us", id: "why-us" },
|
||
{ name: "Reviews", id: "testimonials" },
|
||
{ name: "Contact", id: "location" },
|
||
]}
|
||
button={{ text: "Order Now", href: "https://www.ubereats.com" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="CASA STREET"
|
||
description="Authentic Moroccan street food. Elevated in the heart of London."
|
||
buttons={[
|
||
{ text: "Order Online", href: "https://www.ubereats.com" },
|
||
{ text: "View Menu", href: "#signature-dishes" },
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipODy2nQ9gX5mT5bXm7hQ1pR2sT3uV4wX5yZ6aB=w408-h306-k-no", imageAlt: "Casa Street restaurant exterior"
|
||
},
|
||
{
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipMqR3sT4uV5wX6yZ7aB1cD2eF3gH4iJ5kL6mN=w408-h306-k-no", imageAlt: "Casa Street restaurant interior"
|
||
},
|
||
{
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipN5vW6xY7zB2cD3eF4gH5iJ6kL7mN8oP9qR0sT=w408-h306-k-no", imageAlt: "Casa Street restaurant dining area"
|
||
},
|
||
]}
|
||
autoplayDelay={5000}
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "A Taste of Morocco in London" },
|
||
]}
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://maps.google.com/?q=145-147+Edgware+Rd,+London+W2+2HR"
|
||
},
|
||
{ text: "Learn More", href: "#why-us" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="signature-dishes" data-section="signature-dishes">
|
||
<ProductCardOne
|
||
title="Customer Favorites"
|
||
description="Discover our signature Moroccan dishes crafted with authentic recipes and the freshest ingredients."
|
||
products={[
|
||
{
|
||
id: "1", name: "Casablanca Msemen", price: "£6.50", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipODy2nQ9gX5mT5bXm7hQ1pR2sT3uV4wX5yZ6aB=w408-h306-k-no", imageAlt: "Casablanca Msemen - Traditional Moroccan pastry"
|
||
},
|
||
{
|
||
id: "2", name: "Traditional Tajine", price: "£12.00", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipMqR3sT4uV5wX6yZ7aB1cD2eF3gH4iJ5kL6mN=w408-h306-k-no", imageAlt: "Traditional Tajine - Slow-cooked Moroccan stew"
|
||
},
|
||
{
|
||
id: "3", name: "Moroccan Mint Tea", price: "£3.50", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipN5vW6xY7zB2cD3eF4gH5iJ6kL7mN8oP9qR0sT=w408-h306-k-no", imageAlt: "Moroccan Mint Tea - Traditional beverage"
|
||
},
|
||
{
|
||
id: "4", name: "Harissa Specials", price: "£4.00", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipOaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRr=w408-h306-k-no", imageAlt: "Harissa Specials - Spiced Moroccan condiment"
|
||
},
|
||
{
|
||
id: "5", name: "Moroccan Desserts", price: "£5.50", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipPbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSs=w408-h306-k-no", imageAlt: "Moroccan Desserts - Sweet traditional treats"
|
||
},
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "View Full Menu", href: "https://www.ubereats.com" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureCardNine
|
||
title="Why Our Guests Keep Coming Back"
|
||
description="We're committed to delivering authentic Moroccan cuisine with exceptional service and a warm atmosphere that makes every visit memorable."
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Fresh Food Daily", description: "Everything is prepared fresh each day for the best flavor and quality. We use only the finest ingredients sourced from trusted suppliers.", phoneOne: {
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipODy2nQ9gX5mT5bXm7hQ1pR2sT3uV4wX5yZ6aB=w408-h306-k-no"
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipMqR3sT4uV5wX6yZ7aB1cD2eF3gH4iJ5kL6mN=w408-h306-k-no"
|
||
},
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Authentic Moroccan Recipes", description: "Real traditional dishes made the proper way, using time-honored techniques passed down through generations of Moroccan chefs.", phoneOne: {
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipN5vW6xY7zB2cD3eF4gH5iJ6kL7mN8oP9qR0sT=w408-h306-k-no"
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "https://lh5.googleusercontent.com/p/AF1QipOaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRr=w408-h306-k-no"
|
||
},
|
||
},
|
||
]}
|
||
showStepNumbers={true}
|
||
textboxLayout="default"
|
||
animationType="scale-rotate"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="What Our Guests Say"
|
||
description="Authentic testimonials from happy customers who love Casa Street."
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Authentic Moroccan Experience", quote: "The food is always fresh and the staff are very kind. I recommend everyone to try the tajine. It's the real deal!", name: "Sarah Mitchell", role: "Verified Customer", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipODy2nQ9gX5mT5bXm7hQ1pR2sT3uV4wX5yZ6aB=w408-h306-k-no", imageAlt: "Casa Street restaurant - Happy customer"
|
||
},
|
||
{
|
||
id: "2", title: "Best Moroccan Restaurant in London", quote: "The best Moroccan restaurant experience. Fresh msemen, amazing desserts, and incredible mint tea. Everything tastes authentic.", name: "Michael Chen", role: "Verified Customer", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipMqR3sT4uV5wX6yZ7aB1cD2eF3gH4iJ5kL6mN=w408-h306-k-no", imageAlt: "Casa Street restaurant - Satisfied guest"
|
||
},
|
||
{
|
||
id: "3", title: "Unforgettable Harissa", quote: "The harissa was the best I've ever tasted. Bold, spicy, and perfectly balanced. I come back just for that.", name: "Emily Rodriguez", role: "Verified Customer", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipN5vW6xY7zB2cD3eF4gH5iJ6kL7mN8oP9qR0sT=w408-h306-k-no", imageAlt: "Casa Street restaurant - Delighted customer"
|
||
},
|
||
{
|
||
id: "4", title: "Warm Hospitality & Great Food", quote: "The combination of authentic cuisine and warm hospitality makes Casa Street special. It truly feels like home.", name: "David Kim", role: "Verified Customer", imageSrc: "https://lh5.googleusercontent.com/p/AF1QipOaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRr=w408-h306-k-no", imageAlt: "Casa Street restaurant - Happy diner"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<ContactSplit
|
||
tag="Visit Casa Street"
|
||
title="145-147 Edgware Rd, London W2 2HR"
|
||
description="Located in the heart of London's vibrant food district. Open daily from 12:00 – 22:30. Experience authentic Moroccan hospitality and cuisine."
|
||
background={{ variant: "radial-gradient" }}
|
||
useInvertedBackground={false}
|
||
imageSrc="https://lh5.googleusercontent.com/p/AF1QipODy2nQ9gX5mT5bXm7hQ1pR2sT3uV4wX5yZ6aB=w408-h306-k-no"
|
||
imageAlt="Casa Street restaurant location"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Enter your email"
|
||
buttonText="Subscribe"
|
||
termsText="We respect your privacy. Subscribe for weekly specials and updates."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Casa Street"
|
||
copyrightText="© 2025 Casa Street | Authentic Moroccan Street Food"
|
||
columns={[
|
||
{
|
||
title: "Restaurant", items: [
|
||
{
|
||
label: "145-147 Edgware Rd, London W2 2HR", href: "https://maps.google.com/?q=145-147+Edgware+Rd,+London+W2+2HR"
|
||
},
|
||
{ label: "Daily 12:00 – 22:30", href: "#" },
|
||
{ label: "Order Online", href: "https://www.ubereats.com" },
|
||
],
|
||
},
|
||
{
|
||
title: "Follow Us", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "TikTok", href: "https://tiktok.com" },
|
||
{ label: "Google Reviews", href: "https://www.google.com/maps" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms & Conditions", href: "#" },
|
||
{ label: "Contact Us", href: "mailto:info@casastreet.com" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |