Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -20,67 +20,40 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crispy King"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Taste the King of Crispiness in D.G Khan"
|
||||
description="Experience the ultimate crunch with our signature crispy chicken, juicy burgers, and fresh sides, crafted just for you."
|
||||
tag="D.G Khan's #1 Choice"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114449.jpg",
|
||||
imageAlt: "Hero fried chicken",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114449.jpg", imageAlt: "Hero fried chicken"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-courier-holding-two-cups-coffees-white-wall_114579-49478.jpg",
|
||||
imageAlt: "Hero fries plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-with-crispy-chicken-legs-chili-sauce_114579-19727.jpg",
|
||||
imageAlt: "Fried potatoes with crispy chicken legs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-mexican-food-with-copyspace_23-2148140322.jpg",
|
||||
imageAlt: "Mexican food layout",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-drumsticks-wooden-board-with-tablecloth_114579-23525.jpg",
|
||||
imageAlt: "Grilled chicken drumsticks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-courier-holding-two-cups-coffees-white-wall_114579-49478.jpg", imageAlt: "Hero fries plate"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,20 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Crunch",
|
||||
description: "Our chicken is double-battered for maximum crispiness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fast-healthy-food_23-2148256097.jpg",
|
||||
},
|
||||
title: "Signature Crunch", description: "Our chicken is double-battered for maximum crispiness.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fast-healthy-food_23-2148256097.jpg"},
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Always fresh, high-quality local produce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-assortment_23-2148868203.jpg",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "Always fresh, high-quality local produce.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-assortment_23-2148868203.jpg"},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Your meal delivered hot to your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cap-holding-food-package-light-pink-wall_140725-38326.jpg",
|
||||
},
|
||||
title: "Fast Delivery", description: "Your meal delivered hot to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cap-holding-food-package-light-pink-wall_140725-38326.jpg"},
|
||||
]}
|
||||
title="Why Choose Crispy King?"
|
||||
description="Deliciousness meets convenience in every bite."
|
||||
@@ -135,41 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Crispy Chicken Burger",
|
||||
price: "Rs. 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-decoration_23-2147695671.jpg",
|
||||
},
|
||||
id: "p1", name: "Crispy Chicken Burger", price: "Rs. 450", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-decoration_23-2147695671.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spicy Fried Wings",
|
||||
price: "Rs. 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-bowls-biscuit-cookie-chips-wooden-board-marble-surface_114579-69814.jpg",
|
||||
},
|
||||
id: "p2", name: "Spicy Fried Wings", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/four-bowls-biscuit-cookie-chips-wooden-board-marble-surface_114579-69814.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Fries",
|
||||
price: "Rs. 150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conchiglie-pasta-grilled-meat-blue-bowl_114579-73708.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Beef Burger",
|
||||
price: "Rs. 500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-burger-with-french-fries_141793-4997.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Refreshing Cola",
|
||||
price: "Rs. 100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cola-glass_1339-6220.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chicken Nuggets",
|
||||
price: "Rs. 300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-breaded-cheese-ball-cardboard-bag-wooden-table_140725-11942.jpg",
|
||||
},
|
||||
id: "p3", name: "Golden Fries", price: "Rs. 150", imageSrc: "http://img.b2bpic.net/free-photo/conchiglie-pasta-grilled-meat-blue-bowl_114579-73708.jpg"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="Explore our wide range of crispy delights."
|
||||
@@ -183,40 +117,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Khan",
|
||||
role: "Foodie",
|
||||
testimonial: "The crispiest chicken in town!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
id: "t1", name: "Ali Khan", role: "Foodie", testimonial: "The crispiest chicken in town!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara Ahmed",
|
||||
role: "Local",
|
||||
testimonial: "My go-to spot for burgers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243073.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Usman Tariq",
|
||||
role: "Fan",
|
||||
testimonial: "Wings are unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Noor",
|
||||
role: "Customer",
|
||||
testimonial: "Fast and delicious service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-salad-writing_23-2148332108.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bilal Shahid",
|
||||
role: "Regular",
|
||||
testimonial: "Absolutely amazing food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255959.jpg",
|
||||
},
|
||||
id: "t2", name: "Sara Ahmed", role: "Local", testimonial: "My go-to spot for burgers.", imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243073.jpg"},
|
||||
]}
|
||||
title="What Our Fans Say"
|
||||
description="See why everyone in D.G Khan loves our food."
|
||||
@@ -230,23 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Awards Won", value: "10+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Utensils,
|
||||
title: "Meals Served",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Customers", value: "10k+"},
|
||||
]}
|
||||
title="Crispy King by Numbers"
|
||||
description="Our journey through the eyes of our customers."
|
||||
@@ -258,20 +149,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your hours?",
|
||||
content: "Open daily from 11 AM to 11 PM.",
|
||||
},
|
||||
id: "f1", title: "What are your hours?", content: "Open daily from 11 AM to 11 PM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer free delivery across D.G Khan.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it spicy?",
|
||||
content: "We offer multiple spice levels for everyone.",
|
||||
},
|
||||
id: "f2", title: "Do you deliver?", content: "Yes, we offer free delivery across D.G Khan."},
|
||||
]}
|
||||
sideTitle="Questions? We've Got Answers"
|
||||
sideDescription="Find answers about our menu, hours, and more."
|
||||
@@ -282,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to eat?"
|
||||
description="Sign up for exclusive deals and updates."
|
||||
@@ -296,26 +174,8 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user