Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Crazy Fork"
|
||||
/>
|
||||
@@ -46,21 +41,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Forkin' Delicious."
|
||||
description="Experience comfort food reimagined. From legendary loaded potatoes to authentic birria, our scratch-made dishes are served with a smile in a place that feels like home."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#features" }, { text: "Order Now", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=igzy36"
|
||||
imageAlt="gourmet baked potato close up luxury restaurant"
|
||||
/>
|
||||
@@ -83,24 +67,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Massive Portions",
|
||||
description: "Generous servings meant to satisfy, often leaving you with enough for a second meal.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbfnz2",
|
||||
imageAlt: "gourmet loaded baked potato top down view",
|
||||
},
|
||||
{
|
||||
title: "Scratch-Made Flavors",
|
||||
description: "Smoked meats, house-made sauces, and fresh produce in every bite.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4lzt9o",
|
||||
imageAlt: "freshly smoked brisket sandwich close up",
|
||||
},
|
||||
{
|
||||
title: "Kid-Friendly Space",
|
||||
description: "Dedicated drawing stations and digital fun to keep little ones entertained while you relax.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nuq61",
|
||||
imageAlt: "kid friendly restaurant drawing station interactive",
|
||||
},
|
||||
{ title: "Massive Portions", description: "Generous servings meant to satisfy, often leaving you with enough for a second meal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbfnz2", imageAlt: "gourmet loaded baked potato top down view" },
|
||||
{ title: "Scratch-Made Flavors", description: "Smoked meats, house-made sauces, and fresh produce in every bite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4lzt9o", imageAlt: "freshly smoked brisket sandwich close up" },
|
||||
{ title: "Kid-Friendly Space", description: "Dedicated drawing stations and digital fun to keep little ones entertained while you relax.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nuq61", imageAlt: "kid friendly restaurant drawing station interactive" },
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="We are obsessed with quality, flavor, and family-friendly vibes."
|
||||
@@ -114,66 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mary's Brisket Potato",
|
||||
price: "$15.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
brand: "Potato",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xalhqh",
|
||||
imageAlt: "loaded potato with brisket gourmet",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fajita Loaded Potato",
|
||||
price: "$14.49",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
brand: "Potato",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bwzrt",
|
||||
imageAlt: "steak fajita baked potato",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brisket Sandwich",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
brand: "Sandwich",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yg49gr",
|
||||
imageAlt: "pulled pork sandwich gourmet",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Birria Tacos",
|
||||
price: "$13.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
brand: "Fusion",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mk1lu",
|
||||
imageAlt: "quesabirria tacos authentic",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chicken Cobb Salad",
|
||||
price: "$11.99",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
brand: "Salad",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=co04ci",
|
||||
imageAlt: "chicken wild rice soup warm",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dessert Pretzel Bites",
|
||||
price: "$6.49",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
brand: "Dessert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jaoxh7",
|
||||
imageAlt: "mac and cheese kids meal premium",
|
||||
},
|
||||
{ id: "p1", name: "Mary's Brisket Potato", price: "$15.99", rating: 5, reviewCount: "120", brand: "Potato", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xalhqh", imageAlt: "loaded potato with brisket gourmet" },
|
||||
{ id: "p2", name: "Fajita Loaded Potato", price: "$14.49", rating: 5, reviewCount: "95", brand: "Potato", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bwzrt", imageAlt: "steak fajita baked potato" },
|
||||
{ id: "p3", name: "Brisket Sandwich", price: "$12.99", rating: 5, reviewCount: "88", brand: "Sandwich", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yg49gr", imageAlt: "pulled pork sandwich gourmet" },
|
||||
{ id: "p4", name: "Birria Tacos", price: "$13.99", rating: 5, reviewCount: "150", brand: "Fusion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mk1lu", imageAlt: "quesabirria tacos authentic" },
|
||||
{ id: "p5", name: "Chicken Cobb Salad", price: "$11.99", rating: 5, reviewCount: "65", brand: "Salad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=co04ci", imageAlt: "chicken wild rice soup warm" },
|
||||
{ id: "p6", name: "Dessert Pretzel Bites", price: "$6.49", rating: 5, reviewCount: "210", brand: "Dessert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jaoxh7", imageAlt: "mac and cheese kids meal premium" },
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Our most popular dishes, perfected for you."
|
||||
@@ -187,26 +102,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="H.L., Local Guide"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fkr4h9",
|
||||
alt: "portrait happy customer dining out",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ssuhpv",
|
||||
alt: "portrait happy customer dining out",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a8prio",
|
||||
alt: "portrait happy customer dining out",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q4m563",
|
||||
alt: "portrait happy customer dining out",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t334i2",
|
||||
alt: "portrait happy customer dining out",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fkr4h9", alt: "portrait happy customer dining out" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ssuhpv", alt: "portrait happy customer dining out" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a8prio", alt: "portrait happy customer dining out" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q4m563", alt: "portrait happy customer dining out" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t334i2", alt: "portrait happy customer dining out" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -218,21 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you kid-friendly?",
|
||||
content: "Absolutely! We have a dedicated activity area with tablets and drawing supplies for children.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we love catering for events! Please contact us for details on bulk orders.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I substitute ingredients?",
|
||||
content: "We are very accommodating! Just let our friendly staff know your dietary needs or preferences.",
|
||||
},
|
||||
{ id: "f1", title: "Are you kid-friendly?", content: "Absolutely! We have a dedicated activity area with tablets and drawing supplies for children." },
|
||||
{ id: "f2", title: "Do you offer catering?", content: "Yes, we love catering for events! Please contact us for details on bulk orders." },
|
||||
{ id: "f3", title: "Can I substitute ingredients?", content: "We are very accommodating! Just let our friendly staff know your dietary needs or preferences." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3k564p"
|
||||
title="Frequently Asked"
|
||||
@@ -246,22 +134,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Hungry Yet?"
|
||||
description="Come experience the Crazy Fork difference for yourself. We're open and ready to feed you well."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }, { text: "View Full Menu", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,30 +147,15 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Menu", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user