4 Commits

Author SHA1 Message Date
883218c352 Update src/app/page.tsx 2026-01-11 17:31:02 +00:00
bb7b4fbf81 Update src/app/page.tsx 2026-01-11 17:17:18 +00:00
6be31a8fde Update src/app/layout.tsx 2026-01-11 17:17:17 +00:00
fc47a54a1b Update src/app/globals.css 2026-01-11 17:17:16 +00:00
3 changed files with 35 additions and 30 deletions

View File

@@ -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;
}

View File

@@ -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>
);
}
}

View File

@@ -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>
);
}
}