bender/582855e2-1fbe-4d63-a21c-c611ae66e598
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 6 commits from version_2 into main 2026-03-04 18:04:44 +00:00
Conversation 0 Commits 6 Files Changed 6 +455 -98
6 changed files with 455 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,113 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, Heart, Sparkles } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="EasyRecipes"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Download", id: "/download" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/download" }}
animateOnLoad={true}
/>
</div>
<div id="contact-main" data-section="contact-main">
<ContactCenter
tag="Get in Touch"
title="We'd Love to Hear From You"
description="Have feedback, questions, or feature requests? Contact our team and we'll get back to you within 24 hours. We're always excited to connect with our community!"
tagIcon={Mail}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Send Message"
onSubmit={(email) => console.log('Contact request:', email)}
/>
</div>
<div id="about-contact" data-section="about-contact">
<TextAbout
tag="Connect With Us"
tagIcon={Heart}
title="Our support team is dedicated to helping you get the most out of EasyRecipes. Reach out anytime for assistance, feedback, or partnership inquiries."
useInvertedBackground={true}
buttons={[
{ text: "Email Us", href: "#" },
{ text: "Follow Us", href: "#" }
]}
/>
</div>
<div id="newsletter" data-section="newsletter">
<ContactCenter
tag="Stay Updated"
title="Subscribe to Our Newsletter"
description="Get weekly AI recipe ideas, cooking tips, and exclusive updates about new EasyRecipes features delivered to your inbox."
tagIcon={Sparkles}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Your email address"
buttonText="Subscribe"
termsText="We respect your privacy and will never share your email. Unsubscribe anytime."
onSubmit={(email) => console.log('Newsletter signup:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Download", href: "/download" },
{ label: "Pricing", href: "#pricing" },
{ label: "Help Center", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Support", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 EasyRecipes | AI-Powered Cooking Made Easy"
/>
</div>
</ThemeProvider>
);
}

113
src/app/download/page.tsx Normal file
View File

@@ -0,0 +1,113 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Download, Users, Sparkles } from "lucide-react";
export default function DownloadPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="EasyRecipes"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Download", id: "/download" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/download" }}
animateOnLoad={true}
/>
</div>
<div id="hero-download" data-section="hero-download">
<HeroSignup
background={{ variant: "sparkles-gradient" }}
tag="Download Now"
tagIcon={Download}
title="Get EasyRecipes on Your Phone"
description="Download the EasyRecipes app and start creating amazing AI-powered recipes today. Available on iOS, Android, and web."
inputPlaceholder="Enter your email for download link"
buttonText="Send Download Link"
onSubmit={(email) => console.log('Download request:', email)}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={["Apple App Store", "Google Play Store", "Amazon Appstore", "Web Browser"]}
title="Available Everywhere"
description="Download EasyRecipes from your preferred platform"
tag="Multi-Platform"
tagIcon={Users}
textboxLayout="default"
useInvertedBackground={true}
showCard={true}
speed={40}
/>
</div>
<div id="contact-download" data-section="contact-download">
<ContactCenter
tag="Questions?"
title="Need Help Getting Started?"
description="Have questions about downloading or using EasyRecipes? Our support team is here to help."
tagIcon={Sparkles}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Your email address"
buttonText="Contact Support"
onSubmit={(email) => console.log('Support request:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Download", href: "/download" },
{ label: "Pricing", href: "#pricing" },
{ label: "Help Center", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Support", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 EasyRecipes | AI-Powered Cooking Made Easy"
/>
</div>
</ThemeProvider>
);
}

142
src/app/features/page.tsx Normal file
View File

@@ -0,0 +1,142 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, TrendingUp, Zap } from "lucide-react";
export default function FeaturesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="EasyRecipes"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Download", id: "/download" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Get Started", href: "/download" }}
animateOnLoad={true}
/>
</div>
<div id="features-timeline" data-section="features-timeline">
<FeatureCardEight
features={[
{
id: 1,
title: "Scan Your Ingredients", description: "Point your camera at groceries or pantry items. Our AI recognizes ingredients instantly and adds them to your smart pantry with full nutritional data.", imageSrc: "https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=600&q=80", imageAlt: "Ingredient scanning step"
},
{
id: 2,
title: "Get AI-Powered Suggestions", description: "Based on your ingredients, diet, and taste preferences, our AI generates personalized recipe recommendations instantly. Learn why ingredients work together.", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&q=80", imageAlt: "AI recipe suggestions"
},
{
id: 3,
title: "Manage Your Smart Pantry", description: "Track ingredient quantities and expiration dates. Get smart notifications before items expire and receive shopping recommendations based on your cooking habits.", imageSrc: "https://images.unsplash.com/photo-1556740738-b6a63e27c4df?w=600&q=80", imageAlt: "Smart pantry management"
},
{
id: 4,
title: "Cook & Learn", description: "Follow step-by-step recipes with timing guidance, ingredient ratios, and cooking techniques. Share your creations and discover recipes from other home chefs.", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80", imageAlt: "Cooking and learning"
}
]}
title="How EasyRecipes Works"
description="Four simple steps to amazing meals"
tag="Step-by-Step Guide"
tagIcon={Zap}
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
metrics={[
{
id: "1", value: "500K+", title: "Recipes Generated", description: "AI-powered recipes created monthly by our users", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&q=80", imageAlt: "Recipes generated"
},
{
id: "2", value: "95%", title: "Food Waste Reduced", description: "Average reduction in household food waste", imageSrc: "https://images.unsplash.com/photo-1556740738-b6a63e27c4df?w=600&q=80", imageAlt: "Waste reduction"
},
{
id: "3", value: "2.5M+", title: "Ingredients Scanned", description: "Accurately identified by our scanner technology", imageSrc: "https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=600&q=80", imageAlt: "Ingredients scanned"
},
{
id: "4", value: "4.8★", title: "User Rating", description: "Average rating across all app stores", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80", imageAlt: "User satisfaction"
}
]}
title="EasyRecipes by the Numbers"
description="Join millions of home chefs worldwide"
tag="Impact"
tagIcon={TrendingUp}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
/>
</div>
<div id="contact-features" data-section="contact-features">
<ContactCenter
tag="Ready to Cook?"
title="Start Your AI Cooking Journey Today"
description="Get instant access to personalized recipes, smart pantry management, and culinary inspiration."
tagIcon={Sparkles}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Get Started Free"
onSubmit={(email) => console.log('Email:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Download", href: "/download" },
{ label: "Pricing", href: "#pricing" },
{ label: "Help Center", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Support", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 EasyRecipes | AI-Powered Cooking Made Easy"
/>
</div>
</ThemeProvider>
);
}

19
src/app/layout.tsx
View File

@@ -1,28 +1,17 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Inter_Tight } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const interTight = Inter_Tight({
variable: "--font-inter-tight", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "FoodHub - Fast Food Delivery App", description: "Order delicious meals from top restaurants and enjoy fast delivery. Browse hundreds of restaurants, track your order in real-time, and enjoy exclusive member discounts.", keywords: "food delivery, meal ordering, restaurant app, fast delivery, online food order", openGraph: {
title: "FoodHub - Fast Food Delivery App", description: "Order delicious meals from top restaurants with fast delivery. Download FoodHub today!", siteName: "FoodHub", type: "website"},
title: "EasyRecipes - AI-Powered Recipe Generation", description: "Discover amazing recipes with AI recipe generation, ingredient scanner, and smart pantry system. Create delicious meals with what you have.", keywords: "recipe generator, AI recipes, ingredient scanner, smart pantry, cooking app", openGraph: {
title: "EasyRecipes - AI-Powered Recipe Generation", description: "Transform your cooking with AI-powered recipes and smart ingredient management.", siteName: "EasyRecipes", type: "website"
},
robots: {
index: true,
follow: true,
@@ -38,7 +27,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
className={`${inter.variable} antialiased`}
>
<Tag />
{children}

152
src/app/page.tsx
View File

@@ -10,64 +10,64 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, CheckCircle, Star, Heart, Sparkles } from "lucide-react";
import { Sparkles, CheckCircle, Star, Heart, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="noise"
cardStyle="layered-gradient"
primaryButtonStyle="shadow"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="FoodHub"
brandName="EasyRecipes"
navItems={[
{ name: "Home", id: "hero" },
{ name: "How It Works", id: "features" },
{ name: "Restaurants", id: "product" },
{ name: "Offers", id: "pricing" }
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Download", id: "/download" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Order Now", href: "#hero" }}
button={{ text: "Get Started", href: "/download" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Delicious Food, Delivered Fast"
description="Order from your favorite restaurants and enjoy fresh meals delivered right to your door. Fast, reliable, and always delicious."
tag="Quick Delivery"
tagIcon={Zap}
title="Create Amazing Recipes with AI"
description="Discover personalized recipes powered by artificial intelligence. Scan ingredients, manage your pantry, and cook like a chef with EasyRecipes."
tag="AI-Powered Cooking"
tagIcon={Sparkles}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/side-view-family-eating-together_23-2150671588.jpg"
imageAlt="Food delivery service showcase"
imageSrc="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=800&q=80"
imageAlt="AI recipe generation showcase"
mediaAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Order Now", href: "#" },
{ text: "Browse Restaurants", href: "#product" }
{ text: "Explore Recipes", href: "/features" },
{ text: "Download App", href: "/download" }
]}
buttonAnimation="slide-up"
testimonials={[
{
name: "Sarah Johnson", handle: "Regular Customer", testimonial: "Amazing app! My food arrived hot and fresh within 30 minutes.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1"
name: "Emma Thompson", handle: "Home Chef", testimonial: "EasyRecipes transformed how I cook! The AI suggestions are spot-on for my ingredients.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&q=80"
},
{
name: "Marcus Chen", handle: "Food Lover", testimonial: "Best delivery service I've used. Great selection of restaurants!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2"
name: "Marcus Johnson", handle: "Busy Professional", testimonial: "Love the ingredient scanner! Saves me so much time figuring out what to cook.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&q=80"
},
{
name: "Emma Wilson", handle: "Busy Professional", testimonial: "Super convenient. I order lunch here every other day!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=3"
name: "Sarah Chen", handle: "Food Enthusiast", testimonial: "The smart pantry system is a game-changer. Never waste ingredients again!", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&q=80"
}
]}
testimonialRotationInterval={5000}
@@ -77,44 +77,44 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardMedia
title="How It Works"
description="Get delicious meals delivered in three simple steps"
tag="Simple Process"
title="Powerful Features for Smart Cooking"
description="Everything you need to cook smarter, faster, and with less waste"
tag="Core Features"
tagIcon={CheckCircle}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
features={[
{
id: "1", tag: "Step 1", title: "Browse Restaurants", description: "Explore hundreds of restaurants and cuisines in your area. Filter by ratings, cuisine type, or delivery time.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg?_wi=1", imageAlt: "Browse restaurants"
id: "1", tag: "AI Generation", title: "AI Recipe Generation", description: "Get personalized recipe suggestions based on your ingredients, dietary preferences, and cooking skill level. Our AI learns what you love to cook.", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&q=80", imageAlt: "AI recipe generation"
},
{
id: "2", tag: "Step 2", title: "Select Your Meal", description: "Browse menus, read reviews, and add your favorite dishes to your cart with just a few taps.", imageSrc: "http://img.b2bpic.net/free-photo/pagliatelle-with-meat-jte-table_140725-6761.jpg?_wi=1", imageAlt: "Select meals"
id: "2", tag: "Scanning", title: "Ingredient Scanner", description: "Simply take a photo of your ingredients or groceries. Our advanced scanner identifies items instantly and adds them to your pantry.", imageSrc: "https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=600&q=80", imageAlt: "Ingredient scanner technology"
},
{
id: "3", tag: "Step 3", title: "Fast Delivery", description: "Track your order in real-time and receive your food fresh and hot at your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mexican-taco-boats-recipe-idea_53876-95999.jpg?_wi=1", imageAlt: "Fast delivery service"
id: "3", tag: "Management", title: "Smart Pantry System", description: "Track expiration dates, quantities, and nutritional info. Get notified before ingredients expire and receive smart shopping recommendations.", imageSrc: "https://images.unsplash.com/photo-1556740738-b6a63e27c4df?w=600&q=80", imageAlt: "Smart pantry management"
}
]}
/>
</div>
<div id="product" data-section="product">
<div id="download" data-section="download">
<ProductCardThree
products={[
{
id: "1", name: "Pizza Palace", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg?_wi=2", imageAlt: "Pizza Palace restaurant", initialQuantity: 1
id: "1", name: "iOS App", price: "Free", imageSrc: "https://images.unsplash.com/photo-1512941691920-25bda36dc643?w=400&q=80", imageAlt: "EasyRecipes iOS app", initialQuantity: 1
},
{
id: "2", name: "Sushi Express", price: "$22.50", imageSrc: "http://img.b2bpic.net/free-photo/pagliatelle-with-meat-jte-table_140725-6761.jpg?_wi=2", imageAlt: "Sushi Express restaurant", initialQuantity: 1
id: "2", name: "Android App", price: "Free", imageSrc: "https://images.unsplash.com/photo-1526374965328-7f5ae4e8a83f?w=400&q=80", imageAlt: "EasyRecipes Android app", initialQuantity: 1
},
{
id: "3", name: "Fresh Bowls", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mexican-taco-boats-recipe-idea_53876-95999.jpg?_wi=2", imageAlt: "Fresh Bowls restaurant", initialQuantity: 1
id: "3", name: "Web Platform", price: "Free", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=400&q=80", imageAlt: "EasyRecipes web platform", initialQuantity: 1
}
]}
title="Featured Restaurants"
description="Discover top-rated restaurants and exclusive menu items"
tag="Popular Now"
tagIcon={Star}
title="Download EasyRecipes"
description="Available on all your favorite platforms"
tag="Get Started Now"
tagIcon={Zap}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
@@ -124,12 +124,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
tag="Why FoodHub"
tag="Why Choose EasyRecipes"
tagIcon={Heart}
title="We bring your favorite restaurants and cuisines to your fingertips with unbeatable speed, quality, and selection."
title="Revolutionizing home cooking with AI-powered intelligence, making every meal delicious, sustainable, and personalized to your taste."
useInvertedBackground={true}
buttons={[
{ text: "Learn More", href: "#" }
{ text: "Learn Our Story", href: "#" }
]}
/>
</div>
@@ -138,26 +138,26 @@ export default function LandingPage() {
<TestimonialCardFive
testimonials={[
{
id: "1", name: "Jessica Martinez, Food Blogger", date: "Date: 15 Jan 2025", title: "Best delivery service in town!", quote: "I've tried many delivery apps, but FoodHub stands out with their speed and quality. The restaurants are always fresh and the drivers are professional.", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg?_wi=3"
id: "1", name: "Jennifer Rodriguez, Nutritionist", date: "Date: 10 Jan 2025", title: "A nutritionist's dream app!", quote: "I recommend EasyRecipes to all my clients. The AI understands nutrition profiles perfectly and suggests balanced, delicious meals every time.", tag: "Healthcare Pro", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&q=80"
},
{
id: "2", name: "David Thompson, Corporate Worker", date: "Date: 18 Jan 2025", title: "Perfect for lunch breaks", quote: "I use FoodHub almost every day for lunch. The variety is amazing and delivery is always on time. Highly recommended!", tag: "Regular User", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pagliatelle-with-meat-jte-table_140725-6761.jpg?_wi=3"
id: "2", name: "David Kim, Sustainability Advocate", date: "Date: 12 Jan 2025", title: "Reduces food waste dramatically!", quote: "This app has cut my food waste by 70%! The smart pantry notifications and AI-suggested recipes use up ingredients before they spoil.", tag: "Eco Warrior", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=600&q=80"
},
{
id: "3", name: "Amanda Lee, Student", date: "Date: 20 Jan 2025", title: "Affordable and delicious", quote: "Great prices, diverse restaurant selection, and lightning-fast delivery. This app has saved me so much time during exam season!", tag: "Student Discount", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mexican-taco-boats-recipe-idea_53876-95999.jpg?_wi=3"
id: "3", name: "Lisa Wong, Busy Mom", date: "Date: 14 Jan 2025", title: "Meal planning made easy!", quote: "Between work and kids, I don't have time to plan meals. EasyRecipes does it for me and my family actually enjoys what I cook!", tag: "Parent", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1556740738-b6a63e27c4df?w=600&q=80"
},
{
id: "4", name: "Robert Garcia, Family Dad", date: "Date: 22 Jan 2025", title: "Family favorite", quote: "My whole family loves FoodHub. Easy to use, great restaurants, and the loyalty rewards program is fantastic!", tag: "Family Plan", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg?_wi=4"
id: "4", name: "Michael Chen, Food Blogger", date: "Date: 16 Jan 2025", title: "Creative cooking inspiration!", quote: "The AI suggestions are incredibly creative. I've discovered amazing flavor combinations I never would have thought of on my own!", tag: "Creator", avatarSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80"
},
{
id: "5", name: "Sofia Patel, Foodie", date: "Date: 24 Jan 2025", title: "Incredible variety", quote: "From street food to fine dining, FoodHub has it all. Their restaurant selection and curation is top-notch!", tag: "Food Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pagliatelle-with-meat-jte-table_140725-6761.jpg?_wi=4"
id: "5", name: "Amanda Foster, Culinary Student", date: "Date: 18 Jan 2025", title: "Learning tool and cooking companion!", quote: "Perfect for learning! The app explains why certain ingredients work together and teaches me technique while I cook.", tag: "Student Chef", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&q=80"
},
{
id: "6", name: "Michael Chen, Busy Executive", date: "Date: 25 Jan 2025", title: "Saves me hours every week", quote: "As someone with a hectic schedule, FoodHub is a lifesaver. Consistent quality and reliability every single time.", tag: "Business User", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mexican-taco-boats-recipe-idea_53876-95999.jpg?_wi=4"
id: "6", name: "Robert Martinez, Tech Enthusiast", date: "Date: 20 Jan 2025", title: "Impressive AI technology!", quote: "As a tech person, I'm impressed by how advanced the AI is. It understands context, preferences, and adapts to your cooking style.", tag: "Tech Lover", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", imageSrc: "https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=600&q=80"
}
]}
title="What Our Customers Say"
description="Thousands of happy customers enjoy fresh meals delivered daily"
title="What Chefs and Cooking Enthusiasts Say"
description="Join thousands of users discovering new culinary possibilities"
tag="Reviews"
textboxLayout="default"
useInvertedBackground={false}
@@ -168,34 +168,34 @@ export default function LandingPage() {
<PricingCardThree
plans={[
{
id: "1", price: "Free", name: "Casual Diner", buttons: [
{ text: "Get Started", href: "#" }
id: "1", price: "Free", name: "Recipe Explorer", buttons: [
{ text: "Start Free", href: "/download" }
],
features: [
"Full restaurant access", "Standard delivery", "Real-time tracking", "Multiple payment methods"
"50+ AI-generated recipes monthly", "Basic ingredient scanner", "Simple pantry tracking", "Standard recipe recommendations", "Community recipes access"
]
},
{
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/mo", name: "Premium Member", buttons: [
{ text: "Subscribe Now", href: "#" }
price: "$4.99/mo", name: "Culinary Pro", buttons: [
{ text: "Subscribe Now", href: "/download" }
],
features: [
"$2 off each order", "Free delivery on all orders", "Priority customer support", "Exclusive member restaurants", "Birthday bonus credit"
"Unlimited AI recipe generation", "Advanced ingredient scanner with nutrition", "Smart pantry with expiration alerts", "Personalized meal planning", "Dietary preference customization", "Priority recipe updates"
]
},
{
id: "3", price: "$19.99/mo", name: "VIP Plus", buttons: [
{ text: "Get VIP Access", href: "#" }
id: "3", price: "$9.99/mo", name: "Chef Premium", buttons: [
{ text: "Unlock Premium", href: "/download" }
],
features: [
"Everything in Premium", "$5 off each order", "Free premium restaurant access", "Dedicated concierge support", "Monthly reward points"
"Everything in Culinary Pro", "Advanced AI personalization", "Exclusive chef-curated recipes", "Nutritional analysis & meal prep", "Recipe scaling & conversions", "Priority support & new features", "Multi-user household access"
]
}
]}
title="Special Offers & Promotions"
description="Save more with our exclusive membership plans"
tag="Limited Time"
title="Choose Your Cooking Journey"
description="From home chefs to culinary enthusiasts"
tag="Flexible Plans"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
@@ -204,12 +204,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to satisfy your cravings? Download FoodHub today and enjoy delicious meals delivered to your door. Join thousands of happy customers!"
text="Transform your cooking today with EasyRecipes. Get personalized AI recipes, smart ingredient management, and culinary inspiration in your pocket. Download now and start creating delicious meals!"
animationType="entrance-slide"
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Download App", href: "#" },
{ text: "Contact Us", href: "#" }
{ text: "Download App", href: "/download" },
{ text: "Contact Support", href: "#" }
]}
useInvertedBackground={false}
/>
@@ -220,10 +220,10 @@ export default function LandingPage() {
columns={[
{
title: "Product", items: [
{ label: "How It Works", href: "#features" },
{ label: "Browse Restaurants", href: "#product" },
{ label: "Pricing Plans", href: "#pricing" },
{ label: "Download App", href: "#" }
{ label: "Features", href: "/features" },
{ label: "Download", href: "/download" },
{ label: "Pricing", href: "#pricing" },
{ label: "Help Center", href: "#" }
]
},
{
@@ -236,14 +236,14 @@ export default function LandingPage() {
},
{
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#contact" },
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 FoodHub | Delicious meals delivered fast"
copyrightText="© 2025 EasyRecipes | AI-Powered Cooking Made Easy"
/>
</div>
</ThemeProvider>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #ff8c42;
--background: #f8f5ff;
--card: #f1ecff;
--foreground: #1a0f3f;
--primary-cta: #8b5cf6;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #c4a8f9;
--background-accent: #ddd6fe;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);