Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -25,138 +25,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Vendors", id: "/vendors"},
|
||||
{
|
||||
name: "Account", id: "/account"},
|
||||
{
|
||||
name: "Contact", id: "/about"},
|
||||
]}
|
||||
brandName="VendEat"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Vendors", id: "/vendors" },
|
||||
{ name: "Account", id: "/account" },
|
||||
{ name: "Contact", id: "/about" },
|
||||
]}
|
||||
brandName="VendEat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Fresh Food, Right to Your Door"
|
||||
description="Browse hundreds of local vendors, order your favorite meals, and get them delivered fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Vendors", href: "/vendors"},
|
||||
{
|
||||
text: "Order Now", href: "/vendors"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-table-italian-meals-ai-generated-image_511042-1705.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Fresh Food, Right to Your Door"
|
||||
description="Browse hundreds of local vendors, order your favorite meals, and get them delivered fast."
|
||||
buttons={[
|
||||
{ text: "Browse Vendors", href: "/vendors" },
|
||||
{ text: "Order Now", href: "/vendors" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-table-italian-meals-ai-generated-image_511042-1705.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery", description: "Get your meals delivered within 30 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side_187299-39627.jpg", titleIconSrc: "Truck", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Easy Payments", description: "Pay securely with any major credit card or mobile wallet.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-labels-template_23-2149425652.jpg", titleIconSrc: "CreditCard", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Huge Variety", description: "Browse from over 500 local vendors in your area.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=235m36", titleIconSrc: "Store", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Order With Us?"
|
||||
description="Experience convenience like never before."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fast Delivery", description: "Get your meals delivered within 30 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side_187299-39627.jpg", titleIconSrc: "Truck", buttonText: "Learn More" },
|
||||
{ title: "Easy Payments", description: "Pay securely with any major credit card or mobile wallet.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-labels-template_23-2149425652.jpg", titleIconSrc: "CreditCard", buttonText: "Learn More" },
|
||||
{ title: "Huge Variety", description: "Browse from over 500 local vendors in your area.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=235m36", titleIconSrc: "Store", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Why Order With Us?"
|
||||
description="Experience convenience like never before."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", role: "Foodie", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg"},
|
||||
{
|
||||
id: "2", name: "David Chen", role: "Busy Professional", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-smart-phone-photographing-food-she-has-prepared-kitchen_637285-3533.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Watson", role: "Student", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6825.jpg"},
|
||||
{
|
||||
id: "4", name: "Mark Johnson", role: "Office Manager", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-choosing-photos_23-2148565525.jpg"},
|
||||
{
|
||||
id: "5", name: "Lisa Ray", role: "Teacher", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-smiling-female-photographer-with-vintage-camera_23-2148205442.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+", label: "Orders Delivered"},
|
||||
{
|
||||
value: "500+", label: "Local Vendors"},
|
||||
{
|
||||
value: "4.8/5", label: "User Rating"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="See why food lovers choose VendEat for every meal."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Foodie", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Busy Professional", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-smart-phone-photographing-food-she-has-prepared-kitchen_637285-3533.jpg" },
|
||||
{ id: "3", name: "Emily Watson", role: "Student", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6825.jpg" },
|
||||
{ id: "4", name: "Mark Johnson", role: "Office Manager", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photographer-choosing-photos_23-2148565525.jpg" },
|
||||
{ id: "5", name: "Lisa Ray", role: "Teacher", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-smiling-female-photographer-with-vintage-camera_23-2148205442.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10k+", label: "Orders Delivered" },
|
||||
{ value: "500+", label: "Local Vendors" },
|
||||
{ value: "4.8/5", label: "User Rating" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="See why food lovers choose VendEat for every meal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Seamless Ordering Experience"
|
||||
description="We take care of the details so you can enjoy your meal."
|
||||
features={[
|
||||
{
|
||||
title: "Live Tracking", description: "Know exactly when your food will arrive.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side_187299-39627.jpg"},
|
||||
{
|
||||
title: "Secure Checkout", description: "Encryption powered by leading financial tech.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-labels-template_23-2149425652.jpg"},
|
||||
{
|
||||
title: "Vendor Ratings", description: "Trust in the community reviews.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=235m36"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Seamless Ordering Experience"
|
||||
description="We take care of the details so you can enjoy your meal."
|
||||
features={[
|
||||
{ title: "Live Tracking", description: "Know exactly when your food will arrive.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-front-side_187299-39627.jpg" },
|
||||
{ title: "Secure Checkout", description: "Encryption powered by leading financial tech.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-labels-template_23-2149425652.jpg" },
|
||||
{ title: "Vendor Ratings", description: "Trust in the community reviews.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=235m36" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fresh Food News"
|
||||
description="Stay updated with the latest trends in local dining."
|
||||
blogs={[
|
||||
{
|
||||
id: "1", title: "Top 10 Dishes of 2024", excerpt: "Discover the most popular meals requested by our community this year.", date: "2024-05-20"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Supporting Local Vendors", excerpt: "Why choosing local restaurants makes a difference for our neighborhood.", date: "2024-05-18"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fresh Food News"
|
||||
description="Stay updated with the latest trends in local dining."
|
||||
blogs={[
|
||||
{ id: "1", category: "Trends", imageSrc: "http://img.b2bpic.net/free-photo/full-table-italian-meals-ai-generated-image_511042-1705.jpg", authorName: "Chef John", authorAvatar: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg", title: "Top 10 Dishes of 2024", excerpt: "Discover the most popular meals requested by our community this year.", date: "2024-05-20" },
|
||||
{ id: "2", category: "Local", imageSrc: "http://img.b2bpic.net/free-photo/full-table-italian-meals-ai-generated-image_511042-1705.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg", title: "Supporting Local Vendors", excerpt: "Why choosing local restaurants makes a difference for our neighborhood.", date: "2024-05-18" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="VendEat"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="VendEat"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user