Update theme fonts

2026-06-07 10:05:17 +00:00 · 2026-06-07 10:05:16 +00:00 · 2026-06-07 10:05:09 +00:00 · 2026-06-07 10:05:09 +00:00 · 2026-06-07 10:04:10 +00:00 · 2026-06-07 10:04:09 +00:00
4 changed files with 132 additions and 8 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Open_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -41,8 +42,15 @@ export const metadata: Metadata = {
  },
 };

-const openSans = Open_Sans({
-  variable: "--font-open-sans",
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

@@ -54,7 +62,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${openSans.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,9 +31,11 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Inicio",          id: "#inicio"},
+          name: "Inicio",          id: "/"},
        {
          name: "Sobre Nosotros",          id: "#sobre-nosotros"},
+        {
+          name: "Servicios",          id: "/services"},
        {
          name: "Menú",          id: "#menu"},
        {
@@ -121,7 +123,7 @@ export default function LandingPage() {
          id: "p6",          brand: "Especial",          name: "Arroz con Pato",          price: "28€",          rating: 5,
          reviewCount: "110",          imageSrc: "https://images.unsplash.com/photo-1546069901-dcd1346f0823?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Arroz con pato, un plato peruano con arroz verde"},
      ]}
-      title="Descubre Nuestro Menú"
+      title="Explora Nuestras Obras Maestras Culinarias Peruanas"
      description="Explora nuestra variada carta, donde cada plato es una obra de arte culinaria peruana, preparada con los ingredientes más frescos y auténticos."
    />
  </div>
@@ -204,7 +206,9 @@ export default function LandingPage() {
        {
          title: "Explorar",          items: [
            {
-              label: "Inicio",              href: "#inicio"},
+              label: "Inicio",              href: "/"},
+            {
+              label: "Servicios",              href: "/services"},
            {
              label: "Menú",              href: "#menu"},
            {
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,112 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "/" },
+              { name: "Sobre Nosotros", id: "#sobre-nosotros" },
+              { name: "Servicios", id: "/services" },
+              { name: "Menú", id: "#menu" },
+              { name: "Testimonios", id: "#testimonios" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contacto", id: "#contacto" },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1k0me"
+            brandName="Sabor Peruano"
+          />
+        </div>
+
+        <div id="nuestros-servicios" data-section="nuestros-servicios">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Nuestros Servicios Exclusivos"
+            description="En Sabor Peruano, ofrecemos una gama de servicios diseñados para hacer tu experiencia culinaria aún más especial."
+            features={[
+              {
+                id: "s1",                title: "Eventos Privados y Catering",                description: "Organizamos eventos privados y ofrecemos servicio de catering para tus celebraciones especiales, llevando el sabor de Perú a tu puerta.",                tag: "Eventos",                imageSrc: "https://images.unsplash.com/photo-1579543887050-705b7668b0d4?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Mesa elegantemente decorada para un evento privado"
+              },
+              {
+                id: "s2",                title: "Clases de Cocina Peruana",                description: "Aprende los secretos de la gastronomía peruana con nuestros chefs expertos en clases interactivas para todos los niveles.",                tag: "Experiencia",                imageSrc: "https://images.unsplash.com/photo-1549488340-9156c706240d?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Personas cocinando en una clase de cocina"
+              },
+              {
+                id: "s3",                title: "Experiencia Sommelier",                description: "Descubre el maridaje perfecto para cada plato con nuestro sommelier, quien te guiará a través de nuestra exclusiva carta de vinos.",                tag: "Vino",                imageSrc: "https://images.unsplash.com/photo-1611762391023-e18641a2e7c9?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Sommelier sirviendo vino en copas"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Explorar",          items: [
+                  {
+                    label: "Inicio",              href: "/"
+                  },
+                  {
+                    label: "Servicios",           href: "/services"
+                  },
+                  {
+                    label: "Menú",              href: "#menu"
+                  },
+                  {
+                    label: "Reservas",              href: "#contacto"
+                  },
+                ],
+              },
+              {
+                title: "Información",          items: [
+                  {
+                    label: "Sobre Nosotros",              href: "#sobre-nosotros"
+                  },
+                  {
+                    label: "Testimonios",          href: "#testimonios"
+                  },
+                  {
+                    label: "FAQ",          href: "#faq"
+                  },
+                ],
+              },
+              {
+                title: "Legal",          items: [
+                  {
+                    label: "Política de Privacidad",              href: "#"
+                  },
+                  {
+                    label: "Términos de Servicio",              href: "#"
+                  },
+                ],
+              },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1k0me"
+            logoText="Sabor Peruano"
+            copyrightText="© 2024 Sabor Peruano. Todos los derechos reservados."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-open-sans), 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-open-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
Author	SHA1	Message	Date
bender	3f9afc79ab	Update theme fonts	2026-06-07 10:05:17 +00:00
bender	cfa80528a7	Update theme fonts	2026-06-07 10:05:16 +00:00
bender	e446606b0f	Update theme fonts	2026-06-07 10:05:09 +00:00
bender	06295847d6	Update theme fonts	2026-06-07 10:05:09 +00:00
bender	99f97fb014	Add src/app/services/page.tsx	2026-06-07 10:04:10 +00:00
bender	fa50867bc0	Update src/app/page.tsx	2026-06-07 10:04:09 +00:00
bender	042ad87e1c	Merge version_3 into main Merge version_3 into main	2026-06-07 10:00:19 +00:00