Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -30,69 +30,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { 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 id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Damn Good Tacos."
-      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",
-        },
-      ]}
+      background={{ 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."
+      buttons={[{ text: "View Menu", href: "#products" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg",
-          imageAlt: "Gourmet street tacos",
-        },
-        {
-          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",
-        },
+        { imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=800", imageAlt: "Smoked Brisket" },
+        { imageSrc: "https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800", imageAlt: "BBQ Ribs" },
+        { imageSrc: "https://images.unsplash.com/photo-1603048297172-c92544798d5e?q=80&w=800", imageAlt: "Food truck atmosphere" },
       ]}
     />
   </div>
@@ -100,102 +57,39 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
-      title="Born in Austin, Loved in Katy."
+      title="Friendly Service & Smoked Perfection"
       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.",
-        "Whether it's breakfast, lunch, or dinner, we're here to serve up the best, most unique tacos you've ever had.",
+        "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."
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardTwo
+      useInvertedBackground={false}
       animationType="slide-up"
       textboxLayout="split"
       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={[
-        {
-          id: "1",
-          brand: "Tacos",
-          name: "Trailer Park Taco",
-          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",
-        },
+        { 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: "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" },
+        { 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" },
+        { 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" },
       ]}
-      title="Fan Favorites"
-      description="Check out our most popular, inventive taco creations and snacks."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="A Community Favorite"
-      tag="Trusted Quality"
+      title="Quality Smoked Daily"
+      tag="Fulshear's Finest"
       metrics={[
-        {
-          id: "m1",
-          value: "2.6k+",
-          description: "Reviews on Google",
-        },
-        {
-          id: "m2",
-          value: "4.3",
-          description: "Average Rating",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Fresh Ingredients",
-        },
+        { id: "m1", value: "12hr", description: "Smoked Time" },
+        { id: "m2", value: "100%", description: "Post Oak Wood" },
+        { id: "m3", value: "5-Star", description: "Flavor Guarantee" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -206,173 +100,59 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="What Locals Say"
+      description="Join the hundreds of happy neighbors enjoying the best BBQ in Fulshear."
       testimonials={[
-        {
-          id: "1",
-          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",
-        },
+        { id: "1", name: "John D.", role: "Local Resident", company: "Fulshear", rating: 5 },
+        { id: "2", name: "Mary S.", role: "Regular", company: "Cinco Ranch", rating: 5 },
       ]}
       kpiItems={[
-        {
-          value: "4.3",
-          label: "Google Rating",
-        },
-        {
-          value: "2616",
-          label: "Guest Reviews",
-        },
-        {
-          value: "100%",
-          label: "Taco Satisfaction",
-        },
+        { value: "500+", label: "Happy Neighbors" },
+        { value: "100%", label: "Local Beef" },
+        { value: "4.9", label: "Average Rating" },
       ]}
-      title="What Our Guests Say"
-      description="Authentic Mexican flavors, inventive recipes, and a community vibe."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
-      textboxLayout="split"
       useInvertedBackground={false}
+      textboxLayout="split"
       faqs={[
-        {
-          id: "f1",
-          title: "Do you offer delivery?",
-          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.",
-        },
+        { id: "f1", title: "Do you sell out?", content: "We do! We smoke fresh meat daily until it's gone." },
+        { id: "f2", title: "Where are you located?", content: "Follow us on social media for our daily parking spot in Fulshear." },
+        { id: "f3", title: "Do you cater events?", content: "Yes, reach out via the contact form for party requests." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-barista-with-coffee_23-2148436140.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Got questions about our menu or catering? We've got answers."
+      title="Got Questions?"
       faqsAnimation="slide-up"
+      description="Frequently Asked Questions"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Find Us in Katy"
-      description="Located in LaCenterra at Cinco Ranch. Visit us today for the best tacos in town."
+      title="Get in Touch"
+      description="Want to host a party or find our truck? Drop us a line!"
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+        { name: "name", type: "text", placeholder: "Name" },
+        { name: "email", type: "email", placeholder: "Email" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Feedback or Question",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3498.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/arrangement-delicious-taco-bread-ingredients_23-2148329051.jpg"
-      logoText="Torchy's Tacos"
+      videoSrc="https://player.vimeo.com/external/494056230.sd.mp4?s=f52864147050901e149174f88e7b165582f06b65&profile_id=165"
+      logoText="Top Notch BBQ"
       columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              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",
-            },
-          ],
-        },
+        { title: "Visit", items: [{ label: "Fulshear, TX", href: "#" }] },
+        { title: "Menu", items: [{ label: "Brisket & Ribs", href: "#products" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffafa;
-  --card: #ffffff;
-  --foreground: #1a0000;
-  --primary-cta: #e63946;
-  --primary-cta-text: #fffafa;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f0f8ffe6;
+  --primary-cta: #cee7ff;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #f0f8ffe6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);