Merge version_1 into main #1
498
src/app/page.tsx
498
src/app/page.tsx
@@ -18,357 +18,173 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Crazy Fork"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Crazy Fork"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Taste the Comfort at Crazy Fork"
|
||||
description="Hearty portions, flavorful birria tacos, and legendary loaded baked potatoes. Come visit your new favorite neighborhood spot in Lincoln, NE."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Family Friendly",
|
||||
},
|
||||
{
|
||||
value: "Generous",
|
||||
label: "Portions",
|
||||
},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Service",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2jwji"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://gen-hero-av-1",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-hero-av-2",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-hero-av-3",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-hero-av-4",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-hero-av-5",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Southwest Lincoln Favorite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Takeout & Catering Available",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekly Birria Specials",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Taste the Comfort at Crazy Fork"
|
||||
description="Hearty portions, flavorful birria tacos, and legendary loaded baked potatoes. Come visit your new favorite neighborhood spot in Lincoln, NE."
|
||||
kpis={[
|
||||
{ value: "100%", label: "Family Friendly" },
|
||||
{ value: "Generous", label: "Portions" },
|
||||
{ value: "5-Star", label: "Service" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2jwji"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Happy customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Happy customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Happy customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Happy customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Happy customer 5" }
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied locals"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Sourced Ingredients" },
|
||||
{ type: "text", text: "Family Owned & Operated" },
|
||||
{ type: "text", text: "Southwest Lincoln Favorite" },
|
||||
{ type: "text", text: "Takeout & Catering Available" },
|
||||
{ type: "text", text: "Weekly Birria Specials" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Crazy Fork"
|
||||
description={[
|
||||
"Located in Southwest Lincoln, Crazy Fork is where family-friendly atmosphere meets big-flavor comfort food.",
|
||||
"Our dedicated kids' area ensures the little ones have fun, while you enjoy our famous loaded baked potatoes, birria tacos, and sandwiches.",
|
||||
"Our attentive staff is here to make your meal feel like home.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Crazy Fork"
|
||||
description={[
|
||||
"Located in Southwest Lincoln, Crazy Fork is where family-friendly atmosphere meets big-flavor comfort food.", "Our dedicated kids' area ensures the little ones have fun, while you enjoy our famous loaded baked potatoes, birria tacos, and sandwiches.", "Our attentive staff is here to make your meal feel like home."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Taste",
|
||||
title: "Flavorful Classics",
|
||||
items: [
|
||||
"Loaded Baked Potatoes",
|
||||
"Birria Tacos",
|
||||
"Handcrafted Sandwiches",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Service",
|
||||
title: "Friendly Staff",
|
||||
items: [
|
||||
"Menu Explanations",
|
||||
"Attentive Checks",
|
||||
"Welcoming Environment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Space",
|
||||
title: "Family First",
|
||||
items: [
|
||||
"Dedicated Kids Area",
|
||||
"Clean Atmosphere",
|
||||
"Community Focused",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="We take pride in our service and our portions. Come for the food, stay for the friendly atmosphere."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", label: "Taste", title: "Flavorful Classics", items: ["Loaded Baked Potatoes", "Birria Tacos", "Handcrafted Sandwiches"] },
|
||||
{ id: "f2", label: "Service", title: "Friendly Staff", items: ["Menu Explanations", "Attentive Checks", "Welcoming Environment"] },
|
||||
{ id: "f3", label: "Space", title: "Family First", items: ["Dedicated Kids Area", "Clean Atmosphere", "Community Focused"] }
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="We take pride in our service and our portions. Come for the food, stay for the friendly atmosphere."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Loaded Baked Potato",
|
||||
brand: "Signature",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i0nhqf",
|
||||
reviewCount: "120",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Birria Tacos Plate",
|
||||
brand: "House Special",
|
||||
price: "$14",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owys5o",
|
||||
reviewCount: "85",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Club Sandwich",
|
||||
brand: "Comfort",
|
||||
price: "$11",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y02t79",
|
||||
reviewCount: "42",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cheesesteak Special",
|
||||
brand: "Hearty",
|
||||
price: "$13",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2z7azx",
|
||||
reviewCount: "90",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kids Chicken Strips",
|
||||
brand: "Little Fork",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vd6tl0",
|
||||
reviewCount: "65",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Loaded Nachos",
|
||||
brand: "Shareables",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugb4c9",
|
||||
reviewCount: "55",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Plates"
|
||||
description="Big portions, multiple meals, one amazing price."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Loaded Baked Potato", brand: "Signature", price: "$12", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i0nhqf", reviewCount: "120" },
|
||||
{ id: "p2", name: "Birria Tacos Plate", brand: "House Special", price: "$14", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owys5o", reviewCount: "85" },
|
||||
{ id: "p3", name: "Classic Club Sandwich", brand: "Comfort", price: "$11", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y02t79", reviewCount: "42" },
|
||||
{ id: "p4", name: "Cheesesteak Special", brand: "Hearty", price: "$13", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2z7azx", reviewCount: "90" },
|
||||
{ id: "p5", name: "Kids Chicken Strips", brand: "Little Fork", price: "$8", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vd6tl0", reviewCount: "65" },
|
||||
{ id: "p6", name: "Loaded Nachos", brand: "Shareables", price: "$10", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugb4c9", reviewCount: "55" }
|
||||
]}
|
||||
title="Our Signature Plates"
|
||||
description="Big portions, multiple meals, one amazing price."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best loaded baked potato in Lincoln! The staff are so friendly and even checked on our kids while they played in the dedicated area. We left with enough leftovers for another meal!"
|
||||
rating={5}
|
||||
author="Sarah J., Local Resident"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr",
|
||||
alt: "Customer Photo 1",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-test-av-2",
|
||||
alt: "Customer Photo 2",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-test-av-3",
|
||||
alt: "Customer Photo 3",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-test-av-4",
|
||||
alt: "Customer Photo 4",
|
||||
},
|
||||
{
|
||||
src: "asset://gen-test-av-5",
|
||||
alt: "Customer Photo 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best loaded baked potato in Lincoln! The staff are so friendly and even checked on our kids while they played in the dedicated area. We left with enough leftovers for another meal!"
|
||||
rating={5}
|
||||
author="Sarah J., Local Resident"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Customer Photo 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Customer Photo 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Customer Photo 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Customer Photo 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99sndr", alt: "Customer Photo 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you have options for kids?",
|
||||
content: "Yes! We have a dedicated kids' area with activities and a kid-friendly menu.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are portions large?",
|
||||
content: "Absolutely! We focus on generous portions that guests often tell us make for multiple meals.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes, all our items are available for dine-in or takeout.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wp7ft"
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We're happy to help."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you have options for kids?", content: "Yes! We have a dedicated kids' area with activities and a kid-friendly menu." },
|
||||
{ id: "q2", title: "Are portions large?", content: "Absolutely! We focus on generous portions that guests often tell us make for multiple meals." },
|
||||
{ id: "q3", title: "Do you offer takeout?", content: "Yes, all our items are available for dine-in or takeout." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wp7ft"
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We're happy to help."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reach Out"
|
||||
description="Have a large group? Questions about the menu? Let us know."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8clgo"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reach Out"
|
||||
description="Have a large group? Questions about the menu? Let us know."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message", required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8clgo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Crazy Fork"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Loaded Potatoes",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Birria Tacos",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Sandwiches",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Crazy Fork"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Loaded Potatoes", href: "#menu" },
|
||||
{ label: "Birria Tacos", href: "#menu" },
|
||||
{ label: "Sandwiches", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user