Merge version_2 into main #4
123
src/app/page.tsx
123
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Clock, Users, Zap } from "lucide-react";
|
||||
import { Award, Clock, Users, Zap, Coffee, Utensils, Wheat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Story", id: "#story"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Story", id: "#story" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Mr. Jalapeño"
|
||||
/>
|
||||
@@ -44,15 +40,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Mr. Jalapeño: Bold Flavor Meets Unforgettable Service"
|
||||
description="Authentic recipes, generous portions, and a local legacy built on family passion. Come experience the best of Mexican cuisine."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now", href: "#"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Order Now", href: "#" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-professional-high-end-photography-shot-1774829782135-01e23b4f.png"
|
||||
/>
|
||||
@@ -63,37 +56,47 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Legacy of Flavor"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Favorite", value: "10+ Years"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Rating", value: "4.9/5"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Daily Service", value: "Fresh Made"},
|
||||
{ icon: Users, label: "Community Favorite", value: "10+ Years" },
|
||||
{ icon: Award, label: "Rating", value: "4.9/5" },
|
||||
{ icon: Clock, label: "Daily Service", value: "Fresh Made" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentySix
|
||||
<FeatureCardTwentyFour
|
||||
animationType="blur-reveal"
|
||||
title="Our Signature Menu"
|
||||
description="Discover our carefully curated selection of authentic Mexican dishes, prepared daily with the freshest ingredients."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients", description: "Farm-to-table produce ensuring vibrant flavors in every bite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-close-up-view-of-fresh-ingredients-lik-1774829783000-13590b4d.png", buttonIcon: Zap,
|
||||
{
|
||||
id: "tacos",
|
||||
title: "Signature Tacos",
|
||||
author: "Chef's Selection",
|
||||
description: "Hand-pressed tortillas topped with marinated meats, fresh salsa, and cilantro.",
|
||||
tags: ["Spicy", "Authentic"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-close-up-view-of-fresh-ingredients-lik-1774829783000-13590b4d.png"
|
||||
},
|
||||
{
|
||||
title: "Team-Style Service", description: "Our friendly family-style team ensures every visit feels like home.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-busy-high-end-mexican-restaurant-team--1774829782171-4e7a575d.png", buttonIcon: Users,
|
||||
},
|
||||
{
|
||||
title: "Generous Portions", description: "Unmatched value with portions meant to leave you fully satisfied.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/close-up-of-a-large-portion-of-burrito-o-1774829782980-1ce375ef.png", buttonIcon: Award,
|
||||
{
|
||||
id: "burritos",
|
||||
title: "Giant Burritos",
|
||||
author: "Fan Favorite",
|
||||
description: "A massive blend of rice, beans, choice of protein, and signature jalapeño sauce.",
|
||||
tags: ["Filling", "Classic"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/close-up-of-a-large-portion-of-burrito-o-1774829782980-1ce375ef.png"
|
||||
},
|
||||
{
|
||||
id: "drinks",
|
||||
title: "Refreshing Aguas",
|
||||
author: "House Made",
|
||||
description: "Traditional hibiscus and tamarind refreshers served ice cold.",
|
||||
tags: ["Fresh", "Sweet"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-busy-high-end-mexican-restaurant-team--1774829782171-4e7a575d.png"
|
||||
}
|
||||
]}
|
||||
title="Culinary Excellence"
|
||||
description="We don't just serve food; we craft experiences. Every plate is seasoned with tradition and passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,16 +105,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Incredible Service!", quote: "The team here is so welcoming. Truly feels like a family spot.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Michael B.", date: "Sep 2023", title: "Amazing Tacos", quote: "Best tacos in town, hands down. Portion sizes are massive!", tag: "Foodie", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png"},
|
||||
{
|
||||
id: "3", name: "Emily R.", date: "Aug 2023", title: "10/10 Experience", quote: "I come here weekly. The consistency and flavor are top tier.", tag: "Loyal", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829783789-3b698686.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829783789-3b698686.png"},
|
||||
{
|
||||
id: "4", name: "David K.", date: "Jul 2023", title: "Local Favorite", quote: "Fast, friendly, and delicious. You won't leave hungry.", tag: "Fan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781643-b1381792.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781643-b1381792.png"},
|
||||
{
|
||||
id: "5", name: "Maria L.", date: "Jun 2023", title: "Authentic Taste", quote: "Tastes exactly like my abuela's cooking. Highly recommend!", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=2"},
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Incredible Service!", quote: "The team here is so welcoming. Truly feels like a family spot.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781500-1f2112a3.png?_wi=1"},
|
||||
{ id: "2", name: "Michael B.", date: "Sep 2023", title: "Amazing Tacos", quote: "Best tacos in town, hands down. Portion sizes are massive!", tag: "Foodie", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/a-portrait-of-a-happy-customer-in-a-high-1774829781304-277db2ee.png"}
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic reviews from our community who made us their go-to spot."
|
||||
@@ -124,13 +119,10 @@ export default function LandingPage() {
|
||||
title="Taste the Difference"
|
||||
description="Ready for your next favorite meal? Book a table or order online today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Special requests?"}}
|
||||
textarea={{ name: "message", placeholder: "Special requests?" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdpDRQRRSIepyxfJXRZMj9FKyz/beautiful-dark-themed-interior-of-a-mode-1774829782098-48fe55f2.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -139,30 +131,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us", href: "#story"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Location", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#story" }] },
|
||||
{ items: [{ label: "Location", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Mr. Jalapeño"
|
||||
/>
|
||||
@@ -170,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user