18 Commits

Author SHA1 Message Date
5d845ce9a3 Merge version_9 into main
Merge version_9 into main
2026-05-23 21:43:28 +00:00
67eb5c5ba1 Update src/app/page.tsx 2026-05-23 21:43:25 +00:00
19470eb1d5 Merge version_9 into main
Merge version_9 into main
2026-05-23 21:43:04 +00:00
6deb3d5f7a Update src/app/page.tsx 2026-05-23 21:43:01 +00:00
6ce824dcbc Merge version_8 into main
Merge version_8 into main
2026-05-23 21:41:49 +00:00
e607e5ce60 Update theme colors 2026-05-23 21:41:46 +00:00
4efd4e8761 Merge version_7 into main
Merge version_7 into main
2026-05-23 21:41:41 +00:00
b780c131fc Update theme colors 2026-05-23 21:41:38 +00:00
fdceea3747 Merge version_6 into main
Merge version_6 into main
2026-05-23 21:41:35 +00:00
afb8bd8cd8 Update theme colors 2026-05-23 21:41:32 +00:00
7060ac9832 Merge version_5 into main
Merge version_5 into main
2026-05-23 21:40:27 +00:00
f8c977e5b5 Update src/app/page.tsx 2026-05-23 21:40:24 +00:00
ed45943973 Merge version_5 into main
Merge version_5 into main
2026-05-23 21:39:59 +00:00
543b9909ad Update src/app/page.tsx 2026-05-23 21:39:53 +00:00
742f36e5ad Merge version_4 into main
Merge version_4 into main
2026-05-23 18:16:35 +00:00
0928c08536 Update theme colors 2026-05-23 18:16:32 +00:00
f8a31f0222 Merge version_3 into main
Merge version_3 into main
2026-05-23 18:16:26 +00:00
9bf13ee8fd Merge version_2 into main
Merge version_2 into main
2026-05-23 18:16:13 +00:00
2 changed files with 61 additions and 279 deletions

View File

@@ -30,69 +30,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Menu", id: "products" },
id: "hero", { name: "About", id: "about" },
}, { name: "Reviews", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "Menu",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Torchy's Tacos" brandName="Top Notch BBQ"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Top Notch BBQ"
}} description="Real deal Texas barbecue in Fulshear. Smoked low and slow with friendly service and that classic food truck vibe."
title="Damn Good Tacos." buttons={[{ text: "View Menu", href: "#products" }]}
description="Inventive Mexican street food served with a side of personality. Join us in Katy for a meal you won't forget."
buttons={[
{
text: "Order Online",
href: "#products",
},
]}
mediaItems={[ mediaItems={[
{ { imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=800", imageAlt: "Smoked Brisket" },
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg", { imageSrc: "https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800&_wi=1", imageAlt: "BBQ Ribs" },
imageAlt: "Gourmet street tacos", { imageSrc: "https://images.unsplash.com/photo-1603048297172-c92544798d5e?q=80&w=800", imageAlt: "Food truck atmosphere" },
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-tortilla-beer_23-2148764366.jpg",
imageAlt: "Restaurant atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-taco-with-beans-guacamole-wooden-table_123827-36208.jpg",
imageAlt: "Taco selection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nacho-chips-salsa-dip-bowl-wooden_2829-11119.jpg",
imageAlt: "Chips and queso",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg",
imageAlt: "Dine-in area",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mexican-beef-stripes-with-vegetables-tortilla-with-guacamole-table-cloth_23-2148042467.jpg",
imageAlt: "Close up of food",
},
]} ]}
/> />
</div> </div>
@@ -100,102 +57,39 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Born in Austin, Loved in Katy." title="Friendly Service & Smoked Perfection"
description={[ description={[
"Torchy's started as a humble food trailer and has grown into a legend. We believe in high-quality, inventive varieties that push the boundaries of Mexican street food.", "Born and raised in Texas, we bring the best brisket, ribs, and sausage right to Fulshear. Our food truck atmosphere makes every meal feel like a backyard cookout.", "Stop by and enjoy the smoky goodness and the warmest service in town."
"Whether it's breakfast, lunch, or dinner, we're here to serve up the best, most unique tacos you've ever had.",
]} ]}
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <ProductCardTwo
useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} title="Our Smoked Menu"
description="Everything is smoked in-house daily. Get it while it's hot."
products={[ products={[
{ { id: "1", brand: "Meat", name: "Prime Brisket", price: "$24/lb", rating: 5, reviewCount: "450", imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=400" },
id: "1", { id: "2", brand: "Meat", name: "St. Louis Ribs", price: "$18/half", rating: 5, reviewCount: "320", imageSrc: "https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=400" },
brand: "Tacos", { id: "3", brand: "Meat", name: "House Sausage", price: "$12/link", rating: 4, reviewCount: "280", imageSrc: "https://images.unsplash.com/photo-1603048297172-c92544798d5e?q=80&w=400" },
name: "Trailer Park Taco", { id: "4", brand: "Sides", name: "Smoked Mac & Cheese", price: "$6", rating: 5, reviewCount: "500", imageSrc: "https://images.unsplash.com/photo-1543339308-43e59d6b73a6?q=80&w=400" },
price: "$5.25",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-tacos-near-brown-napkin_23-2148181574.jpg",
},
{
id: "2",
brand: "Breakfast",
name: "BYO Breakfast Taco",
price: "$4.50",
rating: 4,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg",
},
{
id: "3",
brand: "Tacos",
name: "Chicken Fajita Taco",
price: "$5.75",
rating: 5,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/fajitas_23-2148024765.jpg",
},
{
id: "4",
brand: "Veggie",
name: "Fried Avocado Taco",
price: "$4.95",
rating: 5,
reviewCount: "700",
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-tacos-arrangement_23-2148750458.jpg",
},
{
id: "5",
brand: "Appetizers",
name: "Green Chile Queso",
price: "$6.50",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/milk-tea-shaved-ice_1339-4127.jpg",
},
{
id: "6",
brand: "Appetizers",
name: "Guacamole & Chips",
price: "$5.95",
rating: 4,
reviewCount: "600",
imageSrc: "http://img.b2bpic.net/free-photo/nachos-plate-various-sauces-wooden-table_23-2148254361.jpg",
},
]} ]}
title="Fan Favorites"
description="Check out our most popular, inventive taco creations and snacks."
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="A Community Favorite" title="Quality Smoked Daily"
tag="Trusted Quality" tag="Fulshear's Finest"
metrics={[ metrics={[
{ { id: "m1", value: "12hr", description: "Smoked Time" },
id: "m1", { id: "m2", value: "100%", description: "Post Oak Wood" },
value: "2.6k+", { id: "m3", value: "5-Star", description: "Flavor Guarantee" },
description: "Reviews on Google",
},
{
id: "m2",
value: "4.3",
description: "Average Rating",
},
{
id: "m3",
value: "100%",
description: "Fresh Ingredients",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -206,173 +100,61 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
title="What Locals Say"
description="Join the hundreds of happy neighbors enjoying the best BBQ in Fulshear."
testimonials={[ testimonials={[
{ { id: "1", name: "John D.", role: "Local Resident", company: "Fulshear", rating: 5, imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=200" },
id: "1", { id: "2", name: "Mary S.", role: "Regular", company: "Cinco Ranch", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200" },
name: "Patrick Z.",
role: "Local Guide",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
},
{
id: "2",
name: "Holly G.",
role: "Local Guide",
company: "LaCenterra",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg",
},
{
id: "3",
name: "Sarah J.",
role: "Foodie",
company: "Nearby",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-eating-together_23-2148972775.jpg",
},
{
id: "4",
name: "Michael C.",
role: "Visitor",
company: "Katy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-food_23-2147826855.jpg",
},
{
id: "5",
name: "Emily R.",
role: "Customer",
company: "Regular",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
},
{
id: "6",
name: "David K.",
role: "Local",
company: "Cinco Ranch",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/would-you-like-some-salad-dear_637285-12955.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ { value: "500+", label: "Happy Neighbors" },
value: "4.3", { value: "100%", label: "Local Beef" },
label: "Google Rating", { value: "4.9", label: "Average Rating" },
},
{
value: "2616",
label: "Guest Reviews",
},
{
value: "100%",
label: "Taco Satisfaction",
},
]} ]}
title="What Our Guests Say"
description="Authentic Mexican flavors, inventive recipes, and a community vibe."
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
textboxLayout="split"
faqs={[ faqs={[
{ { id: "f1", title: "Do you sell out?", content: "We do! We smoke fresh meat daily until it's gone." },
id: "f1", { id: "f2", title: "Where are you located?", content: "Follow us on social media for our daily parking spot in Fulshear." },
title: "Do you offer delivery?", { id: "f3", title: "Do you cater events?", content: "Yes, reach out via the contact form for party requests." },
content: "Yes, we offer delivery via our website and major food delivery apps.",
},
{
id: "f2",
title: "What are your hours?",
content: "We are open daily until 11 PM.",
},
{
id: "f3",
title: "Do you have vegetarian options?",
content: "Absolutely! Try our Fried Avocado taco and other veggie-friendly items.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-barista-with-coffee_23-2148436140.jpg" title="Got Questions?"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Got questions about our menu or catering? We've got answers."
faqsAnimation="slide-up" faqsAnimation="slide-up"
description="Frequently Asked Questions"
imageSrc="https://images.unsplash.com/photo-1582213782179-e0d53f98f2ca?q=80&w=800"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Find Us in Katy" title="Get in Touch"
description="Located in LaCenterra at Cinco Ranch. Visit us today for the best tacos in town." description="Want to host a party or find our truck? Drop us a line!"
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Name" },
name: "name", { name: "email", type: "email", placeholder: "Email" },
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
]} ]}
textarea={{ imageSrc="https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800&_wi=2"
name: "message",
placeholder: "Your Feedback or Question",
}}
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3498.jpg"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/arrangement-delicious-taco-bread-ingredients_23-2148329051.jpg" videoSrc="https://player.vimeo.com/external/494056230.sd.mp4?s=f52864147050901e149174f88e7b165582f06b65&profile_id=165"
logoText="Torchy's Tacos" logoText="Top Notch BBQ"
columns={[ columns={[
{ { title: "Visit", items: [{ label: "Fulshear, TX", href: "#" }] },
title: "Location", { title: "Menu", items: [{ label: "Brisket & Ribs", href: "#products" }] },
items: [ { title: "Social", items: [{ label: "Instagram", href: "#" }] },
{
label: "23501 Cinco Ranch Blvd, Katy, TX",
href: "#",
},
],
},
{
title: "Quick Links",
items: [
{
label: "Menu",
href: "#products",
},
{
label: "Reviews",
href: "#testimonials",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5faff; --background: #000000;
--card: #ffffff; --card: #481f1f;
--foreground: #001122; --foreground: #ffffff;
--primary-cta: #15479c; --primary-cta: #ffffff;
--primary-cta-text: #f5faff; --primary-cta-text: #280101;
--secondary-cta: #ffffff; --secondary-cta: #361311;
--secondary-cta-text: #001122; --secondary-cta-text: #f6d4d4;
--accent: #a8cce8; --accent: #51000b;
--background-accent: #7ba3cf; --background-accent: #ff2231;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);