diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c8aa07c..7da251c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,18 +1,12 @@ import type { Metadata } from "next"; -import { Nunito } from "next/font/google"; -import { Halant } from "next/font/google"; +import { DM_Sans } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const nunito = Nunito({ - variable: "--font-nunito", subsets: ["latin"], -}); - -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], +const dmSans = DM_Sans({ + variable: "--font-dm-sans", subsets: ["latin"], }); const inter = Inter({ @@ -49,7 +43,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index d0ed920..1855f7e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { Award, CheckCircle, Sparkles, Zap } from "lucide-react"; +import { Award, CheckCircle, Sparkles, Zap, Globe } from "lucide-react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial"; @@ -37,6 +37,12 @@ export default function LandingPage() { { name: "Contact", id: "contact" } ]} button={{ text: "Book Event", href: "contact" }} + languageSelector={[ + { label: "EN", code: "en" }, + { label: "ES", code: "es" }, + { label: "FR", code: "fr" }, + { label: "DE", code: "de" } + ]} /> diff --git a/src/app/styles/base.css b/src/app/styles/base.css index b9e5214..c719d19 100644 --- 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-nunito), 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-nunito), sans-serif; + font-family: var(--font-dm-sans), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 6070eb9..c0dfaf5 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #F5F5F5;; - --card: #FFFFFF;; - --foreground: #333333;; - --primary-cta: #191970;; - --secondary-cta: #007BFF;; - --accent: #E50914;; - --background-accent: #191970;; */ + /* --background: #0f0f0f;; + --card: #1a1a1a;; + --foreground: #ffffff;; + --primary-cta: #e63946;; + --secondary-cta: #2a2a2a;; + --accent: #e63946;; + --background-accent: #e63946;; */ - --background: #F5F5F5;; - --card: #FFFFFF;; - --foreground: #333333;; - --primary-cta: #191970;; + --background: #0f0f0f;; + --card: #1a1a1a;; + --foreground: #ffffff;; + --primary-cta: #e63946;; --primary-cta-text: #FFFFFF;; - --secondary-cta: #007BFF;; + --secondary-cta: #2a2a2a;; --secondary-cta-text: #FFFFFF;; - --accent: #E50914;; - --background-accent: #191970;; + --accent: #e63946;; + --background-accent: #e63946;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);