218 lines
10 KiB
TypeScript
218 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Culinary Reach"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Gourmet Meals Delivered to Your Province"
|
|
description="We bring high-quality, authentic food and drinks from our kitchen to your doorstep, no matter where you are in the province."
|
|
tag="Delivered Nationwide"
|
|
buttons={[
|
|
{ text: "Order Now", href: "#products" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-table_140725-9821.jpg?_wi=1", imageAlt: "Gourmet culinary spread"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fruits-around-smoothie_23-2147717590.jpg?_wi=1", imageAlt: "Artisan beverage selection"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Over 10,000 happy customers served."
|
|
tagIcon={Truck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Our Culinary Mission"
|
|
description="We believe great food connects people. Our mission is to expand the availability of premium dining options to all corners of the region through our reliable delivery service."
|
|
bulletPoints={[
|
|
{
|
|
title: "Farm to Table", description: "Sourced from local producers for maximum freshness."},
|
|
{
|
|
title: "Nationwide Reach", description: "Delivering across provinces with careful logistics."},
|
|
{
|
|
title: "Expert Culinary Team", description: "Crafted by award-winning chefs daily."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728014.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Rapid Delivery", description: "Maintained freshness even for long-distance provincial routes.", imageSrc: "http://img.b2bpic.net/free-photo/top-baked-salmon-served-with-fresh-vegetables-herbs-white-plate_140725-12285.jpg?_wi=1", imageAlt: "Rapid delivery service"},
|
|
{
|
|
title: "High Quality", description: "Strict quality control protocols in all food prep.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064166.jpg", imageAlt: "Quality assurance"},
|
|
{
|
|
title: "Diverse Menu", description: "A wide variety of local and international delicacies.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-pasta-meal-blue-plate-dinner-ice-background_140725-142333.jpg", imageAlt: "Menu diversity"},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Quality assurance and excellence are at the core of every meal we prepare."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-actions"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Classic Burger", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg"},
|
|
{
|
|
id: "p2", name: "Artisan Craft Beer", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/homemade-classic-margarita-drink-with-lime-salt-table_23-2148283651.jpg"},
|
|
{
|
|
id: "p3", name: "Handmade Pasta", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-bowl-wooden-kitchen-towel-background-flat-lay_176474-7017.jpg"},
|
|
{
|
|
id: "p4", name: "Fresh Garden Salad", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-exotic-fruits_23-2149090884.jpg"},
|
|
{
|
|
id: "p5", name: "Artisan Dessert", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg"},
|
|
{
|
|
id: "p6", name: "Specialty Coffee", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-clear-glass-terrazzo-table_23-2151984964.jpg"},
|
|
]}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "/menu" }
|
|
]}
|
|
title="Our Signature Selection"
|
|
description="Explore our curated range of gourmet food and artisanal drinks."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Impact"
|
|
tag="Growing Every Day"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "50+", description: "Provinces Covered"},
|
|
{
|
|
id: "m2", value: "100k+", description: "Meals Delivered"},
|
|
{
|
|
id: "m3", value: "4.9", description: "Customer Rating"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "John D.", role: "Customer", testimonial: "Best food I've received in my province! Consistently great.", imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg", imageAlt: "Milk and white chocolate chips on plate"},
|
|
{
|
|
id: "t2", name: "Sarah M.", role: "Foodie", testimonial: "The delivery is always punctual and the food is delicious.", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-table_140725-9821.jpg?_wi=2", imageAlt: "Milk and white chocolate chips on plate"},
|
|
{
|
|
id: "t3", name: "David L.", role: "Regular", testimonial: "Finally, a service that brings real quality food to our doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/fruits-around-smoothie_23-2147717590.jpg?_wi=2", imageAlt: "Milk and white chocolate chips on plate"},
|
|
{
|
|
id: "t4", name: "Emily P.", role: "Corporate", testimonial: "We use this for all our office events, always hits the mark.", imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728014.jpg?_wi=2", imageAlt: "Milk and white chocolate chips on plate"},
|
|
{
|
|
id: "t5", name: "Mark S.", role: "Customer", testimonial: "Exceptional variety and taste. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/top-baked-salmon-served-with-fresh-vegetables-herbs-white-plate_140725-12285.jpg?_wi=2", imageAlt: "Milk and white chocolate chips on plate"},
|
|
]}
|
|
title="Loved Across the Region"
|
|
description="Hear what our customers from different provinces have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Where do you deliver?", content: "We cover all major provinces in the country."},
|
|
{
|
|
id: "f2", title: "How is freshness maintained?", content: "We use specialized temperature-controlled packaging."},
|
|
{
|
|
id: "f3", title: "Can I track my order?", content: "Yes, our app provides real-time tracking from kitchen to home."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our provincial delivery service."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Reach Out to Us"
|
|
description="Want to bring our service to your area or have a special request?"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "How can we help?"}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934914.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Culinary Reach"
|
|
copyrightText="© 2025 Culinary Reach. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |