245 lines
12 KiB
TypeScript
245 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Fast & Fresh"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Freshness in Every Bite"
|
|
description="Experience the authentic taste of Fast and Fresh. Made with passion, delivered to your table."
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691733-fwdvjz3z.png", alt: "Happy customer"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=df0x5m", alt: "Customer dining"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zkae4", alt: "Satisfied guest"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c9hsh3", alt: "Enjoying meal"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34sr1j", alt: "Dining atmosphere"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Locally Sourced"},
|
|
{
|
|
type: "text", text: "Chef Inspired"},
|
|
{
|
|
type: "text", text: "Fast Delivery"},
|
|
{
|
|
type: "text", text: "Authentic Taste"},
|
|
{
|
|
type: "text", text: "Quality Assured"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="About Fast and Fresh"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fresh Ingredients", description: "Always sourced locally to guarantee peak taste and health benefits.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zu1jsg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5v48c6", buttonText: "Learn More"},
|
|
{
|
|
title: "Expert Chefs", description: "Crafting flavors that last through meticulous preparation and passion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0q43i", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hdfrxj", buttonText: "Our Chefs"},
|
|
{
|
|
title: "Fast Delivery", description: "Hot and ready to eat, delivered right to your doorstep.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eyzhuc", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdap17", buttonText: "Order Now"},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="We take quality seriously, so every meal is a delight."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Signature", name: "Kebab Suprême", price: "8€", rating: 5,
|
|
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-6a43hv7r.png?_wi=1"},
|
|
{
|
|
id: "2", brand: "Classic", name: "Panini Jambon", price: "5€", rating: 4,
|
|
reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-zsq1uhg4.png?_wi=1"},
|
|
{
|
|
id: "3", brand: "Gourmet", name: "Burger du Mois", price: "13€", rating: 5,
|
|
reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-su5jiueo.png?_wi=1"},
|
|
{
|
|
id: "4", brand: "Fresh", name: "Assiette Kebab", price: "9€", rating: 4,
|
|
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-pwhguarc.png?_wi=1"},
|
|
{
|
|
id: "5", brand: "Pizza", name: "Pizza Marguarita", price: "9€", rating: 4,
|
|
reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691733-fwdvjz3z.png?_wi=1"},
|
|
{
|
|
id: "6", brand: "Snacks", name: "Nuggets 12pcs", price: "7€", rating: 5,
|
|
reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=df0x5m"},
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Discover our most popular meals, loved by the community for their bold flavor and freshness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5000+", title: "Meals Served", items: [
|
|
"Daily", "Quality", "Fresh"],
|
|
},
|
|
{
|
|
id: "2", value: "4.8/5", title: "Rating", items: [
|
|
"Satisfied", "Customers", "Loyalty"],
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Menu Items", items: [
|
|
"Variety", "Tasty", "Classic"],
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="We are proud of the numbers that define our commitment to quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", date: "2024-05", title: "Great Food", quote: "The kebabs are the best I have ever had!", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=df0x5m", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691733-fwdvjz3z.png?_wi=2", imageAlt: "happy customer dining restaurant"},
|
|
{
|
|
id: "2", name: "Michael K.", date: "2024-06", title: "Fast Service", quote: "Delicious and really quick delivery.", tag: "Fan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zkae4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-pwhguarc.png?_wi=2", imageAlt: "happy customer dining restaurant"},
|
|
{
|
|
id: "3", name: "Elena R.", date: "2024-07", title: "Super Fresh", quote: "Fresh ingredients that you can really taste.", tag: "Local", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c9hsh3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-6a43hv7r.png?_wi=2", imageAlt: "happy customer dining restaurant"},
|
|
{
|
|
id: "4", name: "David L.", date: "2024-08", title: "Authentic", quote: "Just like home cooked, very satisfied.", tag: "Happy", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34sr1j", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-zsq1uhg4.png?_wi=2", imageAlt: "happy customer dining restaurant"},
|
|
{
|
|
id: "5", name: "Chloe M.", date: "2024-09", title: "Tasty!", quote: "Will definitely be coming back.", tag: "Returning", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imzbz9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691734-su5jiueo.png?_wi=2", imageAlt: "happy customer dining restaurant"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Our customers are at the heart of everything we do."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you deliver?", content: "Yes, we offer fast delivery services."},
|
|
{
|
|
id: "2", title: "What are your hours?", content: "Tuesday to Thursday, 11:30-14:00 and 18:30-21:30."},
|
|
{
|
|
id: "3", title: "Are your ingredients fresh?", content: "Yes, we pride ourselves on using fresh, high-quality ingredients."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Get quick answers to common questions about our service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Let's Connect"
|
|
title="Order Online or Visit Us"
|
|
description="Fast and Fresh is here for your cravings."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "mailto:contact@fastfresh.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrQ2CIr6ZR2WsvOESgII8EK5gf/uploaded-1779038691733-fwdvjz3z.png?_wi=3"
|
|
logoText="Fast & Fresh"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|