Merge version_2 into main #4
147
src/app/page.tsx
147
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Clock, Flame, Leaf, Star, ThumbsUp, Zap } from "lucide-react";
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Clock, Flame, Leaf, Star, ThumbsUp, Zap, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Social", id: "social" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Healthy Bites"
|
||||
/>
|
||||
@@ -49,24 +46,12 @@ export default function LandingPage() {
|
||||
logoText="Healthy Bites BBQ"
|
||||
description="Fast, fresh, and irresistibly delicious. Experience the best BBQ in Faisalabad."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#contact"},
|
||||
{
|
||||
text: "Call Us", href: "tel:03704567572"},
|
||||
{ text: "Order Now", href: "#contact" },
|
||||
{ text: "Call Us", href: "tel:03704567572" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-with-bbq-ranch-tomatoes_114579-2059.jpg?_wi=1", imageAlt: "Grilled BBQ Platter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189842.jpg", imageAlt: "Healthy Food Plate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-baked-vegetables-potatoes-eggplants-fresh-off-oven-dark-space_140725-79527.jpg", imageAlt: "Fresh Ingredients"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-steak-with-barberry-onions-tray_141793-5110.jpg", imageAlt: "Polite Staff Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-white-plate-with-salad-tomatoes-carrots-chilies-cut-into-pieces_1150-21422.jpg", imageAlt: "Restaurant Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-placed-wooden-tray_1150-23141.jpg", imageAlt: "BBQ Special"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-with-bbq-ranch-tomatoes_114579-2059.jpg?_wi=1", imageAlt: "Grilled BBQ Platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189842.jpg", imageAlt: "Healthy Food Plate" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,15 +61,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating", value: "4.9/5"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Fast Service", value: "Yes"},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Satisfied Customers", value: "220+"},
|
||||
{ icon: Star, label: "Rating", value: "4.9/5" },
|
||||
{ icon: Clock, label: "Fast Service", value: "Yes" },
|
||||
{ icon: ThumbsUp, label: "Satisfied Customers", value: "220+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,18 +75,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium BBQ", description: "Authentic, smoky flavors cooked to perfection.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Healthy Choices", description: "Fresh, high-quality ingredients you'll love.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Fast Service", description: "Your food arrives hot and delicious, every time.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{ title: "Premium BBQ", description: "Authentic, smoky flavors.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Healthy Choices", description: "Fresh, high-quality ingredients.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Fast Service", description: "Hot and delicious delivery.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
]}
|
||||
title="Fresh & Flavorful Menu"
|
||||
description="Explore our wide range of BBQ, fast food, and healthy meal options."
|
||||
description="Explore our BBQ, fast food, and healthy meal options."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,42 +91,25 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "BBQ Platter", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Healthy Wrap", price: "PKR 500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-fruity-cakes-with-cookies-cup-tea-dark_140725-104711.jpg"},
|
||||
{
|
||||
id: "3", name: "Grilled Chicken", price: "PKR 850", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mix-steaks-with-potatoes-vegetable-salad-sauce_141793-4089.jpg"},
|
||||
{
|
||||
id: "4", name: "Combo Deal", price: "PKR 1500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-kebab-slate-with-cloth_23-2148685482.jpg"},
|
||||
{
|
||||
id: "5", name: "Garden Salad", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-potatoes-tasty-french-fries-with-greens-seasonings-dark-desk_140725-115276.jpg"},
|
||||
{
|
||||
id: "6", name: "Fresh Drink", price: "PKR 200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cutlets-with-onion-rings-grey-background-dish-meat-meal-cuisine_140725-47070.jpg"},
|
||||
{ id: "1", name: "BBQ Platter", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg?_wi=1" },
|
||||
{ id: "2", name: "Healthy Wrap", price: "PKR 500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-fruity-cakes-with-cookies-cup-tea-dark_140725-104711.jpg" },
|
||||
]}
|
||||
title="Chef Specials"
|
||||
description="Our most popular items that customers keep coming back for."
|
||||
description="Most popular items."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Customer Love"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ali Khan", date: "Oct 2023", title: "Fast Service", quote: "Their service is always fast. Food arrives hot and delicious. Highly satisfied!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-with-bbq-ranch-tomatoes_114579-2059.jpg?_wi=2", imageAlt: "smiling happy restaurant customer"},
|
||||
{
|
||||
id: "2", name: "Sara Ahmed", date: "Nov 2023", title: "Healthy & Fresh", quote: "Absolutely love Healthy Bite! Fresh, flavorful food with high-quality ingredients.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-making-order-while-talking-black-waitress-cafe_637285-8068.jpg", imageAlt: "smiling happy restaurant customer"},
|
||||
{
|
||||
id: "3", name: "Bilal Ahmed", date: "Dec 2023", title: "Amazing Taste", quote: "Amazing taste and excellent customer service. Highly recommended!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-employee-yellow-cap-blank-tshirt-uniform-holding-food-container-pizza-box-with-paper-bag-talking-mobile-phone-smiling-broadly-standing-orange-background_141793-135165.jpg", imageAlt: "smiling happy restaurant customer"},
|
||||
{
|
||||
id: "4", name: "Fatima Zara", date: "Jan 2024", title: "Great Staff", quote: "Staff members are polite and sweet. A great experience.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/girl-showing-creamy-cake-plate_1187-5326.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg?_wi=2", imageAlt: "smiling happy restaurant customer"},
|
||||
{
|
||||
id: "5", name: "Hassan Z.", date: "Feb 2024", title: "Excellent Quality", quote: "A perfect option for a healthy yet delicious meal.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gdcf61", imageAlt: "smiling happy restaurant customer"},
|
||||
{ id: "1", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "2", name: "Sara Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg" },
|
||||
{ id: "3", name: "Bilal Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="220+ happy customers choose us for their favorite meal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,49 +117,42 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FoodPanda", "Local Reviews", "Quality Check", "Healthy Food Hub", "BBQ Lovers Association", "Faisalabad Eatery", "Quick Delivery Network"]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly serving our community with excellence."
|
||||
names={["FoodPanda", "Local Reviews", "Quality Check", "Healthy Food Hub", "BBQ Lovers Association"]}
|
||||
title="Connect With Us"
|
||||
description="Follow us on social media for updates and offers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="We would love to hear from you. Send us a message or visit us in Faisalabad."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Visit or Order Now"
|
||||
description="94PF+VPR, Younus Town, Faisalabad, Pakistan | Phone: 03704567572"
|
||||
buttonText="Place Order"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="Healthy Bites"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Location", href: "#contact"},
|
||||
{
|
||||
label: "Order Now", href: "#contact"},
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Healthy Bites BBQ. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user