Merge version_3 into main

Merge version_3 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #060000;;
-  --card: #1d0d0d;;
-  --foreground: #ffe6e6;;
-  --primary-cta: #ff3d4a;;
-  --secondary-cta: #1f0a0a;;
-  --accent: #7b2d2d;;
-  --background-accent: #b8111f;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #d4af37;;
+  --background-accent: #2d2d2d;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -501,7 +501,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-cormorant-garamond), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -514,5 +514,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-cormorant-garamond), sans-serif;
 }

src/app/layout.tsx

@@ -1,32 +1,36 @@
 import type { Metadata } from "next";
-import { Inter_Tight } from "next/font/google";
+import { Cormorant_Garamond, Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+const cormorantGaramond = Cormorant_Garamond({
+  variable: "--font-cormorant-garamond",  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Retro M5 Games - Vintage Sord M5 Cartridges",  description: "Discover pristine Sord M5 game cartridges including Super Cobra. Authentic restored classics for collectors and gaming enthusiasts.",  keywords: "Sord M5, vintage games, retro gaming, Super Cobra, arcade cartridge, collector",  metadataBase: new URL("https://retrom5games.com"),
+  title: "M5 Creative Computer Games - Vintage Sord M5 Cartridges",  description: "Discover pristine Sord M5 game cartridges and relive the golden age of retro gaming. Authentic restored classics for collectors and enthusiasts.",  keywords: "Sord M5, vintage games, retro gaming, arcade cartridge, collector, M5 creative",  metadataBase: new URL("https://m5creativegames.com"),
   alternates: {
-    canonical: "https://retrom5games.com"
+    canonical: "https://m5creativegames.com"
   },
   robots: {
     index: true,
     follow: true
   },
   openGraph: {
-    title: "Retro M5 Games - Legendary Vintage Cartridges",    description: "Explore our curated collection of Sord M5 games. Restored to perfection for true retro gaming enthusiasts.",    siteName: "Retro M5 Games",    type: "website",    images: [
+    title: "M5 Creative Computer Games - Legendary Vintage Cartridges",    description: "Explore our curated collection of Sord M5 games. Restored to perfection for true retro gaming enthusiasts.",    siteName: "M5 Creative Computer Games",    type: "website",    images: [
       {
-        url: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg",        alt: "Super Cobra M5 Game"
+        url: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg",        alt: "M5 Game Collection"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",    title: "Retro M5 Games - Vintage Gaming",    description: "Discover authentic Sord M5 cartridges including the legendary Super Cobra.",    images: ["https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg"]
+    card: "summary_large_image",    title: "M5 Creative Computer Games - Vintage Gaming",    description: "Discover authentic Sord M5 cartridges and legendary retro games.",    images: ["https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg"]
   }
 };
 
@@ -39,7 +43,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${interTight.variable} antialiased`}
+          className={`${cormorantGaramond.variable} ${inter.variable} antialiased`}
         >
           <Tag />
           {children}
@@ -1265,4 +1269,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Retro M5 Games"
+          brandName="M5 Creative"
           navItems={[
             { name: "Games", id: "games" },
             { name: "About", id: "about" },
@@ -41,17 +41,18 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplit
-          title="Super Cobra - Legendary M5 Classic"
-          description="Experience the iconic helicopter action game that defined Sord M5 gaming. Explore our pristine collection of vintage cartridges and relive gaming history."
-          tag="Arcade Legend"
+          title="Vintage Gaming Excellence"
+          description="Step into the golden age of Sord M5 gaming. Discover rare, restored cartridges and iconic classics from the era that defined retro gaming. Each piece in our collection is authenticated and preserved for true enthusiasts."
+          tag="Retro Legend"
           tagIcon={Zap}
           imageSrc="https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg"
-          imageAlt="Super Cobra M5 Game Box"
+          imageAlt="Vintage M5 Game Collection"
           imagePosition="right"
           buttons={[
             { text: "View Collection", href: "games" },
             { text: "Learn More", href: "about" }
           ]}
+          mediaWrapperClassName="flex justify-center items-center"
         />
       </div>
 
@@ -125,7 +126,7 @@ export default function LandingPage() {
           ctaTitle="Connect With Us"
           ctaDescription="Have questions about M5 games or want to sell your collection? Reach out to our community of retro gaming enthusiasts."
           ctaButton={{
-            text: "Get in Touch",            href: "mailto:info@retrom5games.com"
+            text: "Get in Touch",            href: "mailto:info@m5creative.com"
           }}
           ctaIcon={Gamepad2}
           faqs={[
@@ -149,7 +150,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText="Retro M5 Games"
+          logoText="M5 Creative"
           columns={[
             {
               title: "Shop",              items: [
@@ -180,9 +181,9 @@ export default function LandingPage() {
               ]
             }
           ]}
-          copyrightText="© 2025 Retro M5 Games | Preserving Gaming History"
+          copyrightText="© 2025 M5 Creative Computer Games | Preserving Gaming History"
         />
       </div>
     </ThemeProvider>
   );
-}
+}