Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -16,40 +16,30 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/menu",
|
||||
}}
|
||||
text: "Order Now", href: "/menu"}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/linear-mister-chilli-mexican-restaurant-packaging-circle-sticker_742173-11477.jpg"
|
||||
logoAlt="Mister Taco Logo"
|
||||
brandName="Mister Taco"
|
||||
@@ -59,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Authentic Mexican Street Flavor in the Heart of Madisonville"
|
||||
description="Experience vibrant, handcrafted tacos, quesadillas, and our signature Quesa Birria, all served with a warm, community-driven spirit."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "View Menu", href: "/menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Directions", href: "/contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg?_wi=1",
|
||||
imageAlt: "Delicious Street Tacos",
|
||||
},
|
||||
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg?_wi=1", imageAlt: "Delicious Street Tacos"},
|
||||
{
|
||||
id: "hero-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/melted-cheese-with-pita-pickled-chili_23-2149342853.jpg",
|
||||
imageAlt: "Cheesy Quesadilla",
|
||||
},
|
||||
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/melted-cheese-with-pita-pickled-chili_23-2149342853.jpg", imageAlt: "Cheesy Quesadilla"},
|
||||
{
|
||||
id: "hero-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-tacos-wooden-table_1147-559.jpg",
|
||||
imageAlt: "Mouthwatering Quesa Birria",
|
||||
},
|
||||
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/beef-tacos-wooden-table_1147-559.jpg", imageAlt: "Mouthwatering Quesa Birria"},
|
||||
{
|
||||
id: "hero-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-enjoying-street-food_23-2151525699.jpg",
|
||||
imageAlt: "Vibrant Mexican Restaurant Interior",
|
||||
},
|
||||
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/young-person-enjoying-street-food_23-2151525699.jpg", imageAlt: "Vibrant Mexican Restaurant Interior"},
|
||||
{
|
||||
id: "hero-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-cups-chili_23-2148181612.jpg",
|
||||
imageAlt: "Fresh Salsas and Guacamole",
|
||||
},
|
||||
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-cups-chili_23-2148181612.jpg", imageAlt: "Fresh Salsas and Guacamole"},
|
||||
{
|
||||
id: "hero-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg",
|
||||
imageAlt: "Happy customers enjoying Mister Taco",
|
||||
},
|
||||
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg", imageAlt: "Happy customers enjoying Mister Taco"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -117,9 +84,7 @@ export default function LandingPage() {
|
||||
title="Crafted with love and authenticity, every dish at Mister Taco is a celebration of Mexico's rich culinary heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn Our Story", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,29 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "100%",
|
||||
title: "Recommendation Rate",
|
||||
description: "Every visitor recommends Mister Taco!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-mobile-application-icons-social-network-word-thumbs-up-sign_23-2147841297.jpg",
|
||||
imageAlt: "Thumbs Up Icon",
|
||||
},
|
||||
id: "metric-1", value: "100%", title: "Recommendation Rate", description: "Every visitor recommends Mister Taco!", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-mobile-application-icons-social-network-word-thumbs-up-sign_23-2147841297.jpg", imageAlt: "Thumbs Up Icon"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "Top",
|
||||
title: "Local Favorite",
|
||||
description: "Voted best Mexican street food in Madisonville.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trophy-award_187299-45999.jpg",
|
||||
imageAlt: "Award Medal Icon",
|
||||
},
|
||||
id: "metric-2", value: "Top", title: "Local Favorite", description: "Voted best Mexican street food in Madisonville.", imageSrc: "http://img.b2bpic.net/free-photo/trophy-award_187299-45999.jpg", imageAlt: "Award Medal Icon"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "5+",
|
||||
title: "Years Serving",
|
||||
description: "Bringing authentic Mexican flavors to Kentucky.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-date-with-coins-fortune-cookies_23-2148358098.jpg",
|
||||
imageAlt: "Calendar Icon",
|
||||
},
|
||||
id: "metric-3", value: "5+", title: "Years Serving", description: "Bringing authentic Mexican flavors to Kentucky.", imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-date-with-coins-fortune-cookies_23-2148358098.jpg", imageAlt: "Calendar Icon"},
|
||||
]}
|
||||
title="Why Locals Love Mister Taco"
|
||||
description="Our commitment to authentic flavors and a warm atmosphere has made us a community favorite."
|
||||
@@ -168,47 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "popular-1",
|
||||
name: "Tacos al Pastor",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-beef-tomato-sauce-salsa_2829-14180.jpg",
|
||||
imageAlt: "Tacos al Pastor",
|
||||
},
|
||||
id: "popular-1", name: "Tacos al Pastor", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-with-beef-sauce_23-2149594002.jpg", imageAlt: "Delicious Tacos al Pastor"},
|
||||
{
|
||||
id: "popular-2",
|
||||
name: "Carnitas Quesadilla",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-quesadilla-with-chicken-cheese-peppers-isolated-white-background_123827-26364.jpg",
|
||||
imageAlt: "Carnitas Quesadilla",
|
||||
},
|
||||
id: "popular-2", name: "Carnitas Quesadilla", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-quesadilla-with-chicken-sauce_23-2149187123.jpg", imageAlt: "Cheesy Carnitas Quesadilla"},
|
||||
{
|
||||
id: "popular-3",
|
||||
name: "Signature Quesa Birria",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159789.jpg",
|
||||
imageAlt: "Signature Quesa Birria",
|
||||
},
|
||||
id: "popular-3", name: "Signature Quesa Birria", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/tasty-birria-tacos-with-sauce_23-2150964177.jpg", imageAlt: "Signature Quesa Birria"},
|
||||
{
|
||||
id: "popular-4",
|
||||
name: "Carne Asada Tacos",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg",
|
||||
imageAlt: "Carne Asada Tacos",
|
||||
},
|
||||
id: "popular-4", name: "Carne Asada Tacos", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-sauce-plate_23-2149791168.jpg", imageAlt: "Flavorful Carne Asada Tacos"},
|
||||
{
|
||||
id: "popular-5",
|
||||
name: "Elote (Street Corn)",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-esquites-plate_23-2149891063.jpg",
|
||||
imageAlt: "Mexican Street Corn Elote",
|
||||
},
|
||||
id: "popular-5", name: "Elote (Street Corn)", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/corn-cob-with-pepper-salt-lemon-sauce_23-2148159787.jpg", imageAlt: "Authentic Mexican Street Corn Elote"},
|
||||
{
|
||||
id: "popular-6",
|
||||
name: "Horchata",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-milkshake_23-2148635658.jpg",
|
||||
imageAlt: "Refreshing Horchata Drink",
|
||||
},
|
||||
id: "popular-6", name: "Horchata", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-horchata-drink_23-2149342838.jpg", imageAlt: "Refreshing Horchata Drink"},
|
||||
]}
|
||||
title="Our Most Popular Dishes"
|
||||
description="Discover the flavors that keep our customers coming back for more, from classic tacos to our unique Quesa Birria."
|
||||
@@ -222,59 +139,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "Maria S.",
|
||||
role: "Local Resident",
|
||||
company: "Madisonville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-food_23-2149250063.jpg",
|
||||
},
|
||||
id: "t-1", name: "Maria S.", role: "Local Resident", company: "Madisonville", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-burger-fast-food_23-2148630046.jpg"},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "David L.",
|
||||
role: "Food Enthusiast",
|
||||
company: "Hopkins County",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-dining-together-concept_53876-26275.jpg",
|
||||
},
|
||||
id: "t-2", name: "David L.", role: "Food Enthusiast", company: "Hopkins County", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-drinking-coffee_23-2147775535.jpg"},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Jessica M.",
|
||||
role: "Community Member",
|
||||
company: "Madisonville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-dark-skinned-female-chats-cell-phone-connected-wireless-internet-cafeteria-listens-favourite-song-playlist-with-headphones-enjoys-coffee-with-cake_273609-3484.jpg",
|
||||
},
|
||||
id: "t-3", name: "Jessica M.", role: "Community Member", company: "Madisonville", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-african-american-woman-looking-camera-outdoor_23-2148769398.jpg"},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "Carlos P.",
|
||||
role: "Regular Customer",
|
||||
company: "Local Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-reading-newspaper-while-having-breakfast-restaurant_23-2147860432.jpg",
|
||||
},
|
||||
id: "t-4", name: "Carlos P.", role: "Regular Customer", company: "Local Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-away_23-2148694060.jpg"},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "Sarah J.",
|
||||
role: "Family Visitor",
|
||||
company: "Kentucky",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
id: "t-5", name: "Sarah J.", role: "Family Visitor", company: "Kentucky", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-pink-t-shirt-smiling-holding-menu-restaurant_140725-70379.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5/5", label: "Average Rating"},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Favorite",
|
||||
},
|
||||
value: "Local", label: "Favorite"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy customers who love the authentic flavors and warm atmosphere at Mister Taco."
|
||||
@@ -288,26 +174,18 @@ export default function LandingPage() {
|
||||
description="Find us at our Madisonville location for authentic Mexican street food. We're open [Insert Hours Here]!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
|
||||
imageAlt="Google Map showing Mister Taco location"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mexican-traditional-colorful-decoration-called-papel-picado_23-2149096287.jpg"
|
||||
imageAlt="Colorful Mexican 'Papel Picado' decorations"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
@@ -322,53 +200,33 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Menu", href: "/menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/Mister.TacoKY",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/Mister.TacoKY"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/mister.tacoky",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/mister.tacoky"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "506 E. Center Street",
|
||||
href: "#",
|
||||
},
|
||||
label: "506 E. Center Street", href: "#"},
|
||||
{
|
||||
label: "Madisonville, KY 42431",
|
||||
href: "#",
|
||||
},
|
||||
label: "Madisonville, KY 42431", href: "#"},
|
||||
{
|
||||
label: "(270) 871-4208",
|
||||
href: "tel:+12708714208",
|
||||
},
|
||||
label: "(270) 871-4208", href: "tel:+12708714208"},
|
||||
{
|
||||
label: "mistertacoky@gmail.com",
|
||||
href: "mailto:mistertacoky@gmail.com",
|
||||
},
|
||||
label: "mistertacoky@gmail.com", href: "mailto:mistertacoky@gmail.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #FDF5E6;
|
||||
--card: #FFFFFF;
|
||||
--foreground: #2E1A0F;
|
||||
--primary-cta: #C70039;
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #250c0d;
|
||||
--primary-cta: #b82b40;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #FFD700;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2E1A0F;
|
||||
--accent: #3D7A4D;
|
||||
--background-accent: #F2E1B6;
|
||||
--accent: #b90941;
|
||||
--background-accent: #e8a8b6;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user