Merge version_1 into main #2
@@ -8,7 +8,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Heart, ShoppingBag } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AccountPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -26,28 +26,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Vendors",
|
||||
id: "/vendors",
|
||||
},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Vendors", id: "/vendors" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="FoodieFlow"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/vendors",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "/vendors" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,41 +44,24 @@ export default function LandingPage() {
|
||||
title="My Account"
|
||||
description="View your order history and stats."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: ShoppingBag,
|
||||
title: "Total Orders",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Heart,
|
||||
title: "Saved Favorites",
|
||||
value: "8",
|
||||
},
|
||||
{ id: "1", icon: ShoppingBag, title: "Total Orders", value: "12" },
|
||||
{ id: "2", icon: Heart, title: "Saved Favorites", value: "8" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Account Benefits"
|
||||
description="Unlock more with your FoodieFlow account."
|
||||
features={[
|
||||
{
|
||||
title: "Loyalty Points",
|
||||
description: "Earn on every order",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg?_wi=5",
|
||||
title: "Loyalty Points", description: "Earn on every order", media: {
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg", alt: "stone baked pizza fresh"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg?_wi=5",
|
||||
imageAlt: "stone baked pizza fresh",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,36 +70,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FoodieFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Vendors",
|
||||
href: "/vendors",
|
||||
},
|
||||
{
|
||||
label: "Account",
|
||||
href: "/account",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Vendors", href: "/vendors" }, { label: "Account", href: "/account" }, { label: "About", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
316
src/app/page.tsx
316
src/app/page.tsx
@@ -29,141 +29,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Vendors",
|
||||
id: "/vendors",
|
||||
},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Vendors", id: "/vendors" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="FoodieFlow"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/vendors",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "/vendors" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Freshness, Delivered to Your Door."
|
||||
description="Browse hundreds of local vendors, order your favorite meals, and track your delivery in real-time."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg?_wi=1",
|
||||
imageAlt: "Poke Bowl",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg?_wi=1",
|
||||
imageAlt: "Fresh Pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg?_wi=1",
|
||||
imageAlt: "Cool Drink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg?_wi=1",
|
||||
imageAlt: "Sushi Platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg?_wi=1",
|
||||
imageAlt: "Lava Cake",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg", imageAlt: "Gourmet Burger" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg", imageAlt: "Poke Bowl" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg", imageAlt: "Fresh Pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg", imageAlt: "Cool Drink" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg", imageAlt: "Sushi Platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg", imageAlt: "Lava Cake" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg?_wi=2",
|
||||
imageAlt: "Lava Cake",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg?_wi=2",
|
||||
imageAlt: "Sushi Platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg?_wi=2",
|
||||
imageAlt: "Cool Drink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg?_wi=2",
|
||||
imageAlt: "Fresh Pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg?_wi=2",
|
||||
imageAlt: "Poke Bowl",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg?_wi=2",
|
||||
imageAlt: "Gourmet Burger",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Vendors",
|
||||
href: "/vendors",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-delivery-bowl-using-phone-light-pink-desk-company-service-uniform-delivery-job-work_140725-43009.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638374.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ hungry foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pizza",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sushi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Burgers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salads",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Desserts",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg", imageAlt: "Lava Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg", imageAlt: "Sushi Platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg", imageAlt: "Cool Drink" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg", imageAlt: "Fresh Pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg", imageAlt: "Poke Bowl" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg", imageAlt: "Gourmet Burger" }
|
||||
]}
|
||||
buttons={[{ text: "Browse Vendors", href: "/vendors" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,55 +69,31 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Get your meals in minutes, not hours.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-salad-with-tomatoes-olives-mushrooms-dark-background-health-diet-salad-vegetable-lunch-snack_140725-96870.jpg",
|
||||
imageAlt: "delicious meal top view",
|
||||
},
|
||||
{
|
||||
title: "Multiple Vendors",
|
||||
description: "Choose from a wide variety of cuisines.",
|
||||
icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg?_wi=4",
|
||||
imageAlt: "gourmet burger food photography",
|
||||
},
|
||||
{
|
||||
title: "Easy Payments",
|
||||
description: "Secure, fast checkouts via multiple methods.",
|
||||
icon: CreditCard,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg?_wi=4",
|
||||
imageAlt: "poke bowl fresh ingredients",
|
||||
},
|
||||
]}
|
||||
title="Why FoodieFlow?"
|
||||
description="We make ordering food as easy as it gets."
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery", description: "Get your meals in minutes, not hours.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-cheesy-meat-burger-with-pickles-greens-tomatoes-wooden-desk_140725-20033.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bowl-fruit-salad-white-purple-background_23-2147946393.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Multiple Vendors", description: "Choose from a wide variety of cuisines.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-slices-arrangement_23-2148858495.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-lime-drink-table_23-2148150326.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Easy Payments", description: "Secure, fast checkouts via multiple methods.", icon: CreditCard,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll-white-tray-with-chopsticks_23-2147901571.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dessert-black-forest-with-cherry-side-view_140725-11375.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -231,26 +104,8 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-delivery-bowl-using-phone-light-pink-desk-company-service-uniform-delivery-job-work_140725-43009.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638374.jpg",
|
||||
alt: "Bob",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Jane" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -264,31 +119,11 @@ export default function LandingPage() {
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our service."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does delivery work?",
|
||||
content: "Our couriers track orders in real-time.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I schedule orders?",
|
||||
content: "Yes, you can schedule for later.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there service fees?",
|
||||
content: "Fees are transparent at checkout.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my payment secure?",
|
||||
content: "We use bank-grade encryption.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How to become a vendor?",
|
||||
content: "Contact us via the form below.",
|
||||
},
|
||||
{ id: "1", title: "How does delivery work?", content: "Our couriers track orders in real-time." },
|
||||
{ id: "2", title: "Can I schedule orders?", content: "Yes, you can schedule for later." },
|
||||
{ id: "3", title: "Are there service fees?", content: "Fees are transparent at checkout." },
|
||||
{ id: "4", title: "Is my payment secure?", content: "We use bank-grade encryption." },
|
||||
{ id: "5", title: "How to become a vendor?", content: "Contact us via the form below." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -302,24 +137,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
description="Connecting local kitchens with happy diners."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Happy Users",
|
||||
value: "50K+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Utensils,
|
||||
title: "Local Vendors",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Clock,
|
||||
title: "Minutes Average",
|
||||
value: "25",
|
||||
},
|
||||
{ id: "1", icon: Users, title: "Happy Users", value: "50K+" },
|
||||
{ id: "2", icon: Utensils, title: "Local Vendors", value: "500+" },
|
||||
{ id: "3", icon: Clock, title: "Minutes Average", value: "25" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,36 +148,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="FoodieFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Vendors",
|
||||
href: "/vendors",
|
||||
},
|
||||
{
|
||||
label: "Account",
|
||||
href: "/account",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Vendors", href: "/vendors" }, { label: "Account", href: "/account" }, { label: "About", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user