Merge version_3 into main

2026-03-09 16:34:45 +00:00
parent 1235fc7e9b ba29c5040e
commit 065cede899
2 changed files with 21 additions and 69 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,15 +1,13 @@
-import type { Metadata } from "next";
-import { Inter_Tight } from "next/font/google";
-import "./globals.css";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';

-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
+const inter = Inter({ subsets: ['latin'] });

 export const metadata: Metadata = {
-  title: "Casitas Taco Cocina Mexican - Authentic Mexican Food in Mission Viejo",  description:
-    "Fresh tacos, handmade tortillas, and authentic Mexican flavors in Mission Viejo. Visit Casitas Taco Cocina Mexican for the best neighborhood Mexican restaurant."};
+  title: 'Casitas Taco Cocina',
+  description: 'Fresh tacos, housemade chips, and authentic Mexican flavors served in the heart of Mission Viejo.',
+};

 export default function RootLayout({
  children,
@@ -17,14 +15,8 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${interTight.variable}`}>
-        {children}
-        <script
-          async
-          src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
-        />
-      
+    <html lang="en">
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,62 +10,22 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Flame, Award, Heart, MapPin, Droplets, Wine, Home, Utensils, Pizza, Coffee, Zap } from 'lucide-react';
-
-// Marquee component for food options
-const FoodMarquee = () => {
-  const foods = [
-    '🌮 Tacos al Pastor',
-    '🍲 Pozole Rojo',
-    '🌯 Burritos',
-    '🍱 Enchiladas Verdes',
-    '🥑 Guacamole Fresco',
-    '🌶️ Chiles Rellenos',
-    '🍛 Arroz Especial',
-    '🍲 Caldo de Pollo',
-    '🌮 Carnitas',
-    '🍤 Camarones a la Diabla'
-  ];
-
-  return (
-    <div className="bg-gradient-to-r from-orange-500 via-red-500 to-pink-500 py-3 overflow-hidden">
-      <div className="flex animate-marquee">
-        {[...foods, ...foods].map((food, idx) => (
-          <div key={idx} className="px-6 text-white font-bold text-lg whitespace-nowrap">
-            {food}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
+import { Flame, Award, Heart, MapPin, Droplets, Wine, Home } from 'lucide-react';

 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
+      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
+      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
-      background="none"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="bold"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
    >
-      <style>{`
-        @keyframes marquee {
-          0% { transform: translateX(0); }
-          100% { transform: translateX(-50%); }
-        }
-        .animate-marquee {
-          animation: marquee 60s linear infinite;
-        }
-      `}</style>
-
-      <FoodMarquee />
-
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Casitas Taco Cocina"
@@ -86,10 +46,10 @@ export default function LandingPage() {
          tag="Casitas Taco Cocina"
          tagIcon={Flame}
          tagAnimation="slide-up"
-          background={{ variant: "gradient-bars" }}
+          background={{ variant: "radial-gradient" }}
          buttons={[
-            { text: "View Menu", href: "#menu" },
-            { text: "Order Online", href: "#contact" }
+            { text: "Order Online", href: "#contact" },
+            { text: "Browse Tacos", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
@@ -128,7 +88,7 @@ export default function LandingPage() {
              title: "Family Atmosphere",              description: "Come once and you'll feel like family. Our welcoming, lively vibe keeps people coming back for years, especially on Taco Tuesdays.",              imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=1",              imageAlt: "Our welcoming restaurant atmosphere"
            }
          ]}
-          animationType="scale-rotate"
+          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />