Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 457c98c059 | |||
| a38924fd7a | |||
| b47a24e9b7 | |||
| 0acd133783 |
126
src/app/page.tsx
126
src/app/page.tsx
@@ -18,32 +18,24 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Menu", id: "#products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SUPER TACO"
|
||||
/>
|
||||
@@ -52,12 +44,10 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="SUPER TACO"
|
||||
description="Plainfield’s most addictive steak tacos. Juicy. Loaded. Worth every bite."
|
||||
description="Plainfield’s most addictive street-style steak tacos. Gritty. Authentic. Loaded. Worth every bite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "tel:18152548800",
|
||||
},
|
||||
text: "Order Now", href: "tel:18152548800"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-taco-frame-with-copy-space_23-2148750467.jpg"
|
||||
imageAlt="Gourmet mexican steak taco close up"
|
||||
@@ -71,45 +61,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best steak tacos hands down. Always tender and flavorful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best steak tacos hands down. Always tender and flavorful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "They don’t skimp. Every taco is packed with meat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza_23-2151231308.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "They don’t skimp. Every taco is packed with meat.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-pizza_23-2151231308.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "We order here all the time. Always fresh and delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-sitting-cafe_23-2148219019.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "We order here all the time. Always fresh and delicious.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-sitting-cafe_23-2148219019.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The flavor is unmatched. My go-to spot in Plainfield.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-food-festival_23-2149500432.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "The flavor is unmatched. My go-to spot in Plainfield.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-food-festival_23-2149500432.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jesslee",
|
||||
testimonial: "Authentic, quick, and super friendly staff. Five stars!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jesslee", testimonial: "Authentic, quick, and super friendly staff. Five stars!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-restaurant_23-2149250080.jpg?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Why Everyone Keeps Coming Back"
|
||||
@@ -125,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steak Tacos",
|
||||
price: "$12.00",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-arrangement_23-2150799559.jpg",
|
||||
},
|
||||
id: "p1", name: "Steak Tacos", price: "$12.00", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-arrangement_23-2150799559.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Giant Quesadilla",
|
||||
price: "$14.00",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-901.jpg",
|
||||
},
|
||||
id: "p2", name: "Giant Quesadilla", price: "$14.00", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-901.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Torta",
|
||||
price: "$13.00",
|
||||
variant: "Local Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-traditional-mexican-food_23-2148329169.jpg",
|
||||
},
|
||||
id: "p3", name: "Torta", price: "$13.00", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-traditional-mexican-food_23-2148329169.jpg"},
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Juicy, loaded, and crafted with passion. Discover our menu highlights."
|
||||
@@ -157,9 +107,7 @@ export default function LandingPage() {
|
||||
title="Not Fast Food. Not Fancy. Just Done Right."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Order",
|
||||
href: "tel:18152548800",
|
||||
},
|
||||
text: "Call to Order", href: "tel:18152548800"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,22 +119,14 @@ export default function LandingPage() {
|
||||
description="7158 Caton Farm Rd, Plainfield, IL. Open Daily: 11AM – 9PM."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Order/Comments",
|
||||
rows: 3,
|
||||
name: "message", placeholder: "Your Order/Comments", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg"
|
||||
@@ -200,21 +140,15 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 815-254-8800",
|
||||
href: "tel:18152548800",
|
||||
},
|
||||
label: "Call: 815-254-8800", href: "tel:18152548800"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0B0B0B;
|
||||
--card: #111111;
|
||||
--foreground: #F8F5F0;
|
||||
--primary-cta: #D4AF37;
|
||||
--background: #0b0b0b;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f8f5f0;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #0B0B0B;
|
||||
--secondary-cta: #8B0000;
|
||||
--secondary-cta: #8b0000;
|
||||
--secondary-cta-text: #F8F5F0;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #1A1A1A;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user