Merge version_3 into main #2
145
src/app/page.tsx
145
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="the hot potato"
|
||||
/>
|
||||
@@ -46,58 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Redefining Canada's Greatest Comfort Food"
|
||||
description="Hand-cut fries, squeaky fresh curds, and slow-simmered house gravies. Experience the ultimate artisanal poutine at the hot potato."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.", handle: "@foodie_elena", testimonial: "The best gravy I have ever had. The truffle poutine is absolutely transformative.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
name: "Marc T.", handle: "@mtl_foodie", testimonial: "Finally, a place that takes curds seriously. The authentic experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg"},
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarah_eats", testimonial: "Artisanal, rich, and perfectly prepared. A must-visit every week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
name: "Liam K.", handle: "@liam_poutine", testimonial: "Authentic, crispy, and incredibly fresh. The gold standard.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg"},
|
||||
{
|
||||
name: "Chloe V.", handle: "@chloes_table", testimonial: "Perfectly balanced flavors. I crave this at least once a week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-shot-happy-emotive-young-dark-skinned-male-with-afro-hairstyle-wearing-headphones-neck-denim-coat-holding-sandwich-looking-aside-while-being-city-festival_176420-19850.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{ name: "Elena R.", handle: "@foodie_elena", testimonial: "The best gravy I have ever had. The truffle poutine is absolutely transformative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ name: "Marc T.", handle: "@mtl_foodie", testimonial: "Finally, a place that takes curds seriously. The authentic experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-hot-french-fries-with-red-sauce-served-table_632805-37.jpg"
|
||||
imageAlt="Gourmet artisanal poutine"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187164.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-while-taking-care-plants_23-2148509903.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unpleased-young-female-gardener-uniform-wearing-gardening-hat-holding-breaking-pepper-showing-tongue-isolated-pink_141793-87431.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Fresh Local Curds"},
|
||||
{
|
||||
type: "text", text: "24-Hour Gravy"},
|
||||
{
|
||||
type: "text", text: "Artisanal Quality"},
|
||||
{
|
||||
type: "text", text: "Hand-Cut Fries"},
|
||||
{
|
||||
type: "text", text: "Sustainable Sourcing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,15 +61,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
metrics={[
|
||||
{
|
||||
label: "Local Farms Sourced", value: "12+", icon: Leaf,
|
||||
},
|
||||
{
|
||||
label: "Hour Gravy Simmer", value: "24", icon: Clock,
|
||||
},
|
||||
{
|
||||
label: "Unique Poutine Variations", value: "15", icon: Utensils,
|
||||
},
|
||||
{ label: "Local Farms Sourced", value: "12+", icon: Leaf },
|
||||
{ label: "Hour Gravy Simmer", value: "24", icon: Clock },
|
||||
{ label: "Unique Poutine Variations", value: "15", icon: Utensils },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -125,12 +74,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "The Classic", description: "Crispy hand-cut fries with traditional squeaky curds and beef gravy.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-human-hand-fly_176474-2697.jpg", imageAlt: "Classic Poutine"},
|
||||
{
|
||||
title: "Truffle & Mushroom", description: "Earthy wild mushrooms sautéed with fresh herbs, finished with truffle oil.", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg", imageAlt: "Truffle Poutine"},
|
||||
{
|
||||
title: "Spicy Buffalo", description: "House buffalo chicken with blue cheese crumbles and green onions.", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg", imageAlt: "Spicy Poutine"},
|
||||
{ title: "The Classic", description: "Crispy hand-cut fries with traditional squeaky curds and beef gravy.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-human-hand-fly_176474-2697.jpg" },
|
||||
{ title: "Truffle & Mushroom", description: "Earthy wild mushrooms sautéed with fresh herbs, finished with truffle oil.", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg" },
|
||||
]}
|
||||
title="Signature Poutine Selection"
|
||||
description="Each recipe is curated with the freshest ingredients to bring you unparalleled comfort."
|
||||
@@ -143,12 +88,8 @@ export default function LandingPage() {
|
||||
title="Poutine Perfection by Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50,000+", description: "Portions Served"},
|
||||
{
|
||||
id: "2", value: "4.9", description: "Avg Star Rating"},
|
||||
{
|
||||
id: "3", value: "100%", description: "Fresh Ingredients"},
|
||||
{ id: "1", value: "50,000+", description: "Portions Served" },
|
||||
{ id: "2", value: "4.9", description: "Avg Star Rating" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -160,21 +101,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sophie L.", handle: "@sophietravels", testimonial: "Hands down the best poutine I've ever eaten in my life. Absolutely divine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg"},
|
||||
{
|
||||
id: "2", name: "David W.", handle: "@david_dines", testimonial: "Consistent, fresh, and exceptionally friendly service. A real gem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-male-gardener-holding-wearing-gardening-hat-pumpkin_141793-71363.jpg"},
|
||||
{
|
||||
id: "3", name: "Grace P.", handle: "@grace_eats", testimonial: "I travel across the city just to grab their spicy buffalo poutine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-parying-before-dinner-with-family_23-2149117504.jpg"},
|
||||
{
|
||||
id: "4", name: "Kevin B.", handle: "@kevin_foodie", testimonial: "The atmosphere is warm and inviting—perfect for a comfort food date.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunettte-woman-chef-cooking-carrot-cake-making-fish-face-with-mouth-squinting-eyes-crazy-comical_839833-19935.jpg"},
|
||||
{
|
||||
id: "5", name: "Maria C.", handle: "@maria_kitchen", testimonial: "Innovative flavours while keeping the soul of the traditional dish alive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg"},
|
||||
{ id: "1", name: "Sophie L.", handle: "@sophietravels", testimonial: "Hands down the best poutine I've ever eaten in my life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Food Enthusiasts"
|
||||
@@ -186,12 +113,7 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer vegan options?", content: "Yes, we feature a delicious mushroom gravy vegan poutine!"},
|
||||
{
|
||||
id: "2", title: "Where is the cheese from?", content: "Our curds are sourced fresh daily from local family farms."},
|
||||
{
|
||||
id: "3", title: "Can I host events?", content: "Absolutely, contact us for catering or small event bookings."},
|
||||
{ id: "1", title: "Do you offer vegan options?", content: "Yes, we feature a delicious mushroom gravy vegan poutine!" },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -201,43 +123,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for the Ultimate Comfort?"
|
||||
description="Come visit the hot potato for a culinary experience that hits the spot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Order Online", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Accessibility", href: "#"},
|
||||
{
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
|
||||
]}
|
||||
logoText="the hot potato"
|
||||
/>
|
||||
@@ -245,4 +142,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #000000;
|
||||
--card: #1a0a0a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff3d4a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #ff8c42;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #ff8c42;
|
||||
--background-accent: #5d1515;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user