Update src/app/page.tsx
This commit is contained in:
429
src/app/page.tsx
429
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useState } from "react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
@@ -13,9 +14,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Globe, Users } from "lucide-react";
|
||||
import { Award, Globe, Users, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [activeTab, setActiveTab] = useState<'cuisines' | 'countries'>('cuisines');
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -33,22 +36,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Cuisine",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Mission",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Cuisine", id: "products" },
|
||||
{ name: "Our Mission", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EatingFresh"
|
||||
/>
|
||||
@@ -56,134 +47,72 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Discover the World’s Best Bites"
|
||||
description="EatingFresh brings you the top-rated culinary delights from every corner of the globe. Explore the authentic, the fresh, and the extraordinary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Cuisines",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Journey",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Cuisines", href: "#products" },
|
||||
{ text: "Our Journey", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-white-plate-with-vegetables-cup-juice_114579-56223.jpg"
|
||||
imageAlt="Culinary adventure awaits"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/zucchini-pancakes-with-corn-sour-cream_2829-11054.jpg",
|
||||
alt: "Food enthusiast 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-plate-cooked-mussels-wine-with-copyspace_23-2148234981.jpg",
|
||||
alt: "Food enthusiast 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/appetizing-portions-garnished-grilled-spiral-sausages_23-2148167623.jpg",
|
||||
alt: "Food enthusiast 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/frame-made-meat-roll-gnocchi-dish-tableware-vegetable-pieces_23-2148113659.jpg",
|
||||
alt: "Food enthusiast 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-food-day-celebration-with-world-ball-globe-surrounded-by-food_23-2151794096.jpg",
|
||||
alt: "Food enthusiast 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 1M+ global food lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Cuisines",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertly Rated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<div className="mx-auto max-w-7xl px-4 py-16">
|
||||
<div className="flex justify-center gap-4 mb-8">
|
||||
<button
|
||||
onClick={() => setActiveTab('cuisines')}
|
||||
className={`px-6 py-2 rounded-full font-semibold transition ${activeTab === 'cuisines' ? 'bg-[var(--primary-cta)] text-white' : 'bg-[var(--card)]'}`}>
|
||||
Cuisines
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setActiveTab('countries')}
|
||||
className={`px-6 py-2 rounded-full font-semibold transition ${activeTab === 'countries' ? 'bg-[var(--primary-cta)] text-white' : 'bg-[var(--card)]'}`}>
|
||||
Top World Foods
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{activeTab === 'cuisines' ? (
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Carbonara", price: "Italy", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-small-quail-eggs-wooden-spoon-with-stars-shaped-pasta-garlic-fresh-tomatoes-blue-back_141793-3356.jpg" },
|
||||
{ id: "2", name: "Premium Sashimi", price: "Japan", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-4490.jpg" },
|
||||
{ id: "3", name: "Street Style Tacos", price: "Mexico", variant: "Vibrant", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-wooden-board_181624-25417.jpg" },
|
||||
{ id: "4", name: "Spiced Butter Chicken", price: "India", variant: "Bold", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg" }
|
||||
]}
|
||||
title="Top-Rated Culinary Treasures"
|
||||
description="Globally curated top picks."
|
||||
/>
|
||||
) : (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="p-8 bg-[var(--card)] rounded-2xl shadow-sm border">
|
||||
<h3 className="text-2xl font-bold mb-4">Best World Foods</h3>
|
||||
<ul className="space-y-4">
|
||||
<li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Neapolitan Pizza (Italy)</li>
|
||||
<li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Massaman Curry (Thailand)</li>
|
||||
<li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Sushi (Japan)</li>
|
||||
<li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Peking Duck (China)</li>
|
||||
<li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Croissant (France)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why EatingFresh?"
|
||||
description="We believe food is the soul of culture. Our team meticulously scouts the highest-rated dishes across nations, ensuring your culinary exploration is authentic, fresh, and truly memorable."
|
||||
description="We believe food is the soul of culture."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-food-table_23-2149139527.jpg"
|
||||
imageAlt="Culinary diversity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Carbonara",
|
||||
price: "Italy",
|
||||
variant: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-small-quail-eggs-wooden-spoon-with-stars-shaped-pasta-garlic-fresh-tomatoes-blue-back_141793-3356.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Sashimi",
|
||||
price: "Japan",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-4490.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Street Style Tacos",
|
||||
price: "Mexico",
|
||||
variant: "Vibrant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-wooden-board_181624-25417.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Spiced Butter Chicken",
|
||||
price: "India",
|
||||
variant: "Bold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Pad Thai",
|
||||
price: "Thailand",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-vietnamese-pork-sausage-with-chilli-lemon-garlic-tomato_1150-25771.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artisan Croissants",
|
||||
price: "France",
|
||||
variant: "Flaky",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-blue-board_114579-87894.jpg",
|
||||
},
|
||||
]}
|
||||
title="Top-Rated Culinary Treasures"
|
||||
description="From street food legends to Michelin-starred classics, discover our globally curated top picks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,208 +123,22 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Countries Covered",
|
||||
description: "Global culinary map",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Top Dishes",
|
||||
description: "Highest rated recipes",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Food Enthusiasts",
|
||||
description: "Global community",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Countries Covered", description: "Global map", icon: Globe },
|
||||
{ id: "m2", value: "5k+", title: "Top Dishes", description: "Highest rated", icon: Award },
|
||||
{ id: "m3", value: "1M+", title: "Food Enthusiasts", description: "Community", icon: Users },
|
||||
]}
|
||||
title="Our Global Footprint"
|
||||
description="The scale of culinary wonder we bring to your table."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$9",
|
||||
subtitle: "For home explorers",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 guides / month",
|
||||
"Global recipe hub",
|
||||
"Community access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Gourmet",
|
||||
price: "$29",
|
||||
subtitle: "For food connoisseurs",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited guides",
|
||||
"Private chef tips",
|
||||
"Priority event access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Join the Elite Tasters"
|
||||
description="Unlock curated guides and exclusive recipes worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julia R.",
|
||||
role: "Food Critic",
|
||||
company: "GlobalEats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marco P.",
|
||||
role: "Chef",
|
||||
company: "Trattoria Milano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
role: "Blogger",
|
||||
company: "Vogue Taste",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Liam D.",
|
||||
role: "Traveler",
|
||||
company: "WanderList",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chen L.",
|
||||
role: "Connoisseur",
|
||||
company: "Elite Palates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149415987.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Foodies Everywhere"
|
||||
description="Hear what our culinary community has to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you rate food?",
|
||||
content: "Our team uses a combination of culinary tradition, freshness, and community feedback.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free to join?",
|
||||
content: "Yes, basic access is free, with premium subscriptions for curated experiences.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I suggest foods?",
|
||||
content: "Absolutely! We love exploring new regional tastes suggested by our community.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about EatingFresh? Find quick answers here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Fresh Perspectives"
|
||||
description="Latest stories and culinary journeys from across the globe."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Travel",
|
||||
title: "Secret Ingredients in Tokyo",
|
||||
excerpt: "Uncovering the subtle spices of local street food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-asian-food-wrapped-bamboo-leaves-wooden-plate-with-photo-camera-nearby_613910-20734.jpg",
|
||||
authorName: "Aki",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo_23-2148258818.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Culture",
|
||||
title: "The Art of Italian Dough",
|
||||
excerpt: "Why flour matters for the perfect crust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept_639032-423.jpg",
|
||||
authorName: "Luigi",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230646.jpg",
|
||||
date: "Sep 28",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Health",
|
||||
title: "Sustainable Eating Habits",
|
||||
excerpt: "Small changes for a better planet through food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-with-lettuce-basil-black-pepper-garlic-crusher-melted-butter-plaid-cloth-surface_141793-10288.jpg",
|
||||
authorName: "Emma",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-friends-looking-recipe-smartphone-while-cooking_23-2148708930.jpg",
|
||||
date: "Sep 15",
|
||||
},
|
||||
]}
|
||||
description="Culinary wonder brought to your table."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Fresh & Informed"
|
||||
description="Join our community and get top weekly culinary insights directly in your inbox."
|
||||
description="Get top culinary insights in your inbox."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -404,47 +147,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-frame-with-toast-copy-space_23-2148329205.jpg"
|
||||
logoText="EatingFresh"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Explore",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Explore", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | EatingFresh"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user