Update src/app/page.tsx
This commit is contained in:
114
src/app/page.tsx
114
src/app/page.tsx
@@ -32,14 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Grade 9", id: "/grade-9" },
|
||||
{ name: "Grade 10", id: "/grade-10" },
|
||||
{ name: "Grade 11", id: "/grade-11" },
|
||||
{ name: "Grade 12", id: "/grade-12" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crispy Cluck"
|
||||
/>
|
||||
@@ -47,16 +47,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Crispy, Golden, Perfection"
|
||||
description="Experience the crunch of our locally sourced, hand-breaded chicken, prepared fresh daily for the ultimate flavor sensation."
|
||||
tag="Since 1998"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86637.jpg", imageAlt: "Crispy Fried Chicken"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil_1428-653.jpg", imageAlt: "Chicken Bucket"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86637.jpg", imageAlt: "Crispy Fried Chicken" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil_1428-653.jpg", imageAlt: "Chicken Bucket" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -82,12 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh", description: "Sourced daily from trusted local farms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-with-lemon-cherry-tomatoes-inside-pan-dark-background-meal-cuisine-food-meat-color-dish-vegetable_140725-158504.jpg", imageAlt: "Farm"},
|
||||
{
|
||||
title: "Secret Seasoning", description: "A unique blend passed down for generations.", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-meat-with-vegetables_114579-44109.jpg", imageAlt: "Spices"},
|
||||
{
|
||||
title: "Golden Crunch", description: "Perfectly fried to achieve the ideal texture.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-wooden-board-with-pasta-vegetables-around_114579-21873.jpg", imageAlt: "Fried"},
|
||||
{ title: "Farm Fresh", description: "Sourced daily from trusted local farms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-chicken-with-lemon-cherry-tomatoes-inside-pan-dark-background-meal-cuisine-food-meat-color-dish-vegetable_140725-158504.jpg", imageAlt: "Farm" },
|
||||
{ title: "Secret Seasoning", description: "A unique blend passed down for generations.", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-meat-with-vegetables_114579-44109.jpg", imageAlt: "Spices" },
|
||||
{ title: "Golden Crunch", description: "Perfectly fried to achieve the ideal texture.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-wooden-board-with-pasta-vegetables-around_114579-21873.jpg", imageAlt: "Fried" },
|
||||
]}
|
||||
title="Why We Are The Best"
|
||||
description="We take pride in our commitment to quality, freshness, and neighborhood traditions."
|
||||
@@ -102,18 +96,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Order Now", href: "#contact" }]}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Crispy Drumsticks", price: "$8", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/shot-white-plate-full-fried-chicken_181624-23629.jpg"},
|
||||
{
|
||||
id: "2", name: "Classic Burger", price: "$12", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039331.jpg"},
|
||||
{
|
||||
id: "3", name: "Tenders Basket", price: "$10", variant: "Honey Mustard", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-tenders_123827-36390.jpg"},
|
||||
{
|
||||
id: "4", name: "Hot Wings", price: "$9", variant: "Buffalo", imageSrc: "http://img.b2bpic.net/free-photo/crispy-chicken-wings-served-with-celery-sticks-side-ranch-dressing-white-plate_9975-124576.jpg"},
|
||||
{
|
||||
id: "5", name: "Popcorn Chicken", price: "$6", variant: "Garlic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-fried-chicken_23-2147717048.jpg"},
|
||||
{
|
||||
id: "6", name: "Chicken Wrap", price: "$7", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wrap_123827-36163.jpg"},
|
||||
{ id: "1", name: "Crispy Drumsticks", price: "$8", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/shot-white-plate-full-fried-chicken_181624-23629.jpg" },
|
||||
{ id: "2", name: "Classic Burger", price: "$12", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039331.jpg" },
|
||||
{ id: "3", name: "Tenders Basket", price: "$10", variant: "Honey Mustard", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-tenders_123827-36390.jpg" },
|
||||
{ id: "4", name: "Hot Wings", price: "$9", variant: "Buffalo", imageSrc: "http://img.b2bpic.net/free-photo/crispy-chicken-wings-served-with-celery-sticks-side-ranch-dressing-white-plate_9975-124576.jpg" },
|
||||
{ id: "5", name: "Popcorn Chicken", price: "$6", variant: "Garlic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-fried-chicken_23-2147717048.jpg" },
|
||||
{ id: "6", name: "Chicken Wrap", price: "$7", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wrap_123827-36163.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Check out our most popular chicken dishes."
|
||||
@@ -126,12 +114,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1M+", description: "Pieces Served"},
|
||||
{
|
||||
id: "m2", value: "20K+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m3", value: "50+", description: "Local Partners"},
|
||||
{ id: "m1", value: "1M+", description: "Pieces Served" },
|
||||
{ id: "m2", value: "20K+", description: "Happy Customers" },
|
||||
{ id: "m3", value: "50+", description: "Local Partners" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -143,16 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best chicken I have ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-female-with-curly-hair-sit-floor-eats-pizza-kitchen_613910-15629.jpg"},
|
||||
{
|
||||
id: "2", name: "Mike D.", handle: "@miked", testimonial: "Incredible service and amazing crunch.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "My family loves the weekend bucket.", imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-top-crispy-fried-cheese_140725-1575.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast delivery, always piping hot.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg"},
|
||||
{
|
||||
id: "5", name: "Jenny L.", handle: "@jennyl", testimonial: "The spice blends are unique and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg"},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best chicken I have ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-female-with-curly-hair-sit-floor-eats-pizza-kitchen_613910-15629.jpg" },
|
||||
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "Incredible service and amazing crunch.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "My family loves the weekend bucket.", imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-top-crispy-fried-cheese_140725-1575.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast delivery, always piping hot.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg" },
|
||||
{ id: "5", name: "Jenny L.", handle: "@jennyl", testimonial: "The spice blends are unique and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See what our loyal fans are saying."
|
||||
@@ -163,12 +143,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you deliver?", content: "Yes, we deliver to all areas within 5 miles."},
|
||||
{
|
||||
id: "f2", title: "Are you open on Sundays?", content: "We are open from 11 AM to 9 PM daily."},
|
||||
{
|
||||
id: "f3", title: "Can I pre-order?", content: "Yes, please call us to place an order in advance."},
|
||||
{ id: "f1", title: "Do you deliver?", content: "Yes, we deliver to all areas within 5 miles." },
|
||||
{ id: "f2", title: "Are you open on Sundays?", content: "We are open from 11 AM to 9 PM daily." },
|
||||
{ id: "f3", title: "Can I pre-order?", content: "Yes, please call us to place an order in advance." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -178,16 +155,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Ready to Eat?"
|
||||
description="Place your order now and enjoy the best crispy chicken in town."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:5551234"},
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
{ text: "Call Now", href: "tel:5551234" },
|
||||
{ text: "Order Online", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -195,22 +169,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Crispy Cluck"
|
||||
/>
|
||||
@@ -218,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user