Merge version_1_1782072204305 into main #1
@@ -7,84 +7,48 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Menu",
|
||||
"href": "#menu"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Stats",
|
||||
"href": "#stats"
|
||||
},
|
||||
{
|
||||
"name": "Team",
|
||||
"href": "#team"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Menu", href: "#menu" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Stats", href: "#stats" },
|
||||
{ name: "Team", href: "#team" },
|
||||
{ name: "Faq", href: "#faq" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="default" siteBackground="gridDots" heroBackground="gradientBars">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarInline
|
||||
logo="Mikla Fries"
|
||||
ctaButton={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Mikla Fries"
|
||||
ctaButton={{ text: "Order Now", href: "#contact" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimple
|
||||
brand="Mikla Fries"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
brand="Mikla Fries"
|
||||
columns={[
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Mikla Fries. All rights reserved."
|
||||
/>
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="© 2024 Mikla Fries. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -12,226 +12,121 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
"http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
"http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg",
|
||||
]}
|
||||
avatarText="Join 5,000+ fry lovers"
|
||||
title="Artisanal Fries, Perfected."
|
||||
description="Experience the crunch of handcrafted, double-fried golden potatoes. Simple, local, and incredibly addictive."
|
||||
primaryButton={{
|
||||
text: "See Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
names={[
|
||||
"Alex",
|
||||
"Jordan",
|
||||
"Sam",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-corn-dogs-arrangement_23-2149455096.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={["http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg"]}
|
||||
avatarText="Join 5,000+ fry lovers"
|
||||
title="Artisanal Fries, Perfected."
|
||||
description="Experience the crunch of handcrafted, double-fried golden potatoes. Simple, local, and incredibly addictive."
|
||||
primaryButton={{ text: "See Menu", href: "#menu" }}
|
||||
secondaryButton={{ text: "Order Now", href: "#contact" }}
|
||||
names={["Alex", "Jordan", "Sam"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-corn-dogs-arrangement_23-2149455096.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Our Secret is Simple: Good Potatoes, High Heat, and Love."
|
||||
primaryButton={{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our Secret is Simple: Good Potatoes, High Heat, and Love."
|
||||
primaryButton={{ text: "Learn Our Story", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="The Menu"
|
||||
title="Signature Fry Collections"
|
||||
description="Hand-cut daily from farm-fresh potatoes and cooked to perfection."
|
||||
items={[
|
||||
{
|
||||
title: "Classic Sea Salt",
|
||||
description: "The gold standard, double fried.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-fingers-table_140725-9367.jpg",
|
||||
},
|
||||
{
|
||||
title: "Truffle & Parmesan",
|
||||
description: "Earthy, rich, and decadent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-white-bowl-black_114579-16943.jpg",
|
||||
},
|
||||
{
|
||||
title: "Loaded Cheesy",
|
||||
description: "Melty goodness on every fry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6291.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cajun Spice",
|
||||
description: "A kick of Southern heat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-spread-table_23-2148374881.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sweet Potato",
|
||||
description: "Natural sweetness, crispy edge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-sticks-grilled-sausages-wooden-cup_114579-71829.jpg",
|
||||
},
|
||||
{
|
||||
title: "Herb Garlic",
|
||||
description: "Freshly chopped aromatic bliss.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-mayonnaise-ketchup_140725-2742.jpg",
|
||||
},
|
||||
{
|
||||
title: "Curry Mayo",
|
||||
description: "Street food style dipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clay-plate-full-appetizers-including-goldy-chicken-nuggets-with-chrispy-crust-delicious-canapes-with-herring-cherry-tomatoes-served-with-garlic-sauce-decorated-with-salad-leaves-cheese_132075-13066.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Menu"
|
||||
title="Signature Fry Collections"
|
||||
description="Hand-cut daily from farm-fresh potatoes and cooked to perfection."
|
||||
items={[
|
||||
{ title: "Classic Sea Salt", description: "The gold standard, double fried.", imageSrc: "http://img.b2bpic.net/free-photo/cheese-fingers-table_140725-9367.jpg" },
|
||||
{ title: "Truffle & Parmesan", description: "Earthy, rich, and decadent.", imageSrc: "http://img.b2bpic.net/free-photo/pasta-white-bowl-black_114579-16943.jpg" },
|
||||
{ title: "Loaded Cheesy", description: "Melty goodness on every fry.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6291.jpg" },
|
||||
{ title: "Cajun Spice", description: "A kick of Southern heat.", imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-spread-table_23-2148374881.jpg" },
|
||||
{ title: "Sweet Potato", description: "Natural sweetness, crispy edge.", imageSrc: "http://img.b2bpic.net/free-photo/cheese-sticks-grilled-sausages-wooden-cup_114579-71829.jpg" },
|
||||
{ title: "Herb Garlic", description: "Freshly chopped aromatic bliss.", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-mayonnaise-ketchup_140725-2742.jpg" },
|
||||
{ title: "Curry Mayo", description: "Street food style dipping.", imageSrc: "http://img.b2bpic.net/free-photo/clay-plate-full-appetizers-including-goldy-chicken-nuggets-with-chrispy-crust-delicious-canapes-with-herring-cherry-tomatoes-served-with-garlic-sauce-decorated-with-salad-leaves-cheese_132075-13066.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Crunching the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Potatoes Fried",
|
||||
value: "2.5M+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Happy Customers",
|
||||
value: "150k+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Locations Served",
|
||||
value: "12",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Crunching the Numbers"
|
||||
description="We celebrate every fry served."
|
||||
metrics={[
|
||||
{ icon: "Flame", title: "Potatoes Fried", value: "2.5M+" },
|
||||
{ icon: "Smile", title: "Happy Customers", value: "150k+" },
|
||||
{ icon: "MapPin", title: "Locations Served", value: "12" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Meet The Makers"
|
||||
title="The Fry Enthusiasts"
|
||||
members={[
|
||||
{
|
||||
name: "Mikkel",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-thumb-up-sign_23-2147863554.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah",
|
||||
role: "Fry Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-french-fries-with-seasonings-getting-eat-by-female-dark-surface_179666-34415.jpg",
|
||||
},
|
||||
{
|
||||
name: "David",
|
||||
role: "Operations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standing-male-restaurant-hotel-equipment_1134-1294.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet The Makers"
|
||||
title="The Fry Enthusiasts"
|
||||
description="Meet the passionate team behind the crunch."
|
||||
members={[
|
||||
{ name: "Mikkel", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-thumb-up-sign_23-2147863554.jpg" },
|
||||
{ name: "Sarah", role: "Fry Master", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-french-fries-with-seasonings-getting-eat-by-female-dark-surface_179666-34415.jpg" },
|
||||
{ name: "David", role: "Operations", imageSrc: "http://img.b2bpic.net/free-photo/standing-male-restaurant-hotel-equipment_1134-1294.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Raves"
|
||||
title="What They're Saying"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Emma L.",
|
||||
role: "Foodie",
|
||||
quote: "Best fries I have ever tasted. Period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-potato-cips-soda-blue-surface_140725-31537.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
role: "Local",
|
||||
quote: "The Truffle Parmesan is addictive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-showing-ok-sign-smiling-standing-green-wall_141793-64876.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jasmine K.",
|
||||
role: "Student",
|
||||
quote: "My weekly study treat!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
name: "Peter B.",
|
||||
role: "Chef",
|
||||
quote: "Incredible texture and consistent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna S.",
|
||||
role: "Regular",
|
||||
quote: "Friendly service and hot crispy fries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Raves"
|
||||
title="What They're Saying"
|
||||
description="See why our customers keep coming back."
|
||||
testimonials={[
|
||||
{ name: "Emma L.", role: "Foodie", quote: "Best fries I have ever tasted. Period.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-potato-cips-soda-blue-surface_140725-31537.jpg" },
|
||||
{ name: "Marcus R.", role: "Local", quote: "The Truffle Parmesan is addictive.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-showing-ok-sign-smiling-standing-green-wall_141793-64876.jpg" },
|
||||
{ name: "Jasmine K.", role: "Student", quote: "My weekly study treat!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ name: "Peter B.", role: "Chef", quote: "Incredible texture and consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg" },
|
||||
{ name: "Anna S.", role: "Regular", quote: "Friendly service and hot crispy fries.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Fry FAQs"
|
||||
items={[
|
||||
{
|
||||
question: "Are your potatoes fresh?",
|
||||
answer: "Yes, we source from local farms daily.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer delivery?",
|
||||
answer: "Absolutely, check your local app.",
|
||||
},
|
||||
{
|
||||
question: "Any vegan options?",
|
||||
answer: "All our original fries are vegan-friendly!",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Fry FAQs"
|
||||
description="Common questions from fry fans."
|
||||
items={[
|
||||
{ question: "Are your potatoes fresh?", answer: "Yes, we source from local farms daily." },
|
||||
{ question: "Do you offer delivery?", answer: "Absolutely, check your local app." },
|
||||
{ question: "Any vegan options?", answer: "All our original fries are vegan-friendly!" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Order Today"
|
||||
text="Ready to get your crunch on? Visit us or order online."
|
||||
primaryButton={{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Order Today"
|
||||
text="Ready to get your crunch on? Visit us or order online."
|
||||
primaryButton={{ text: "Order Online", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user