diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 273967a..5882a79 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,1420 +1,50 @@
import type { Metadata } from "next";
-import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
-import { Manrope } from "next/font/google";
import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import { ServiceWrapper } from "@/providers/ServiceWrapper";
+import { Tag } from "@/components/Tag";
-const halant = Halant({
- variable: "--font-halant", subsets: ["latin"],
- weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
- variable: "--font-inter", subsets: ["latin"],
-});
-
-const manrope = Manrope({
- variable: "--font-manrope", subsets: ["latin"],
-});
+const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
export const metadata: Metadata = {
- title: "Audi Club - Premium Automotive Community", description: "Join the Audi Club community of passionate enthusiasts. Exclusive events, track days, technical resources, and networking for Audi owners worldwide.", keywords: "Audi club, automotive community, car enthusiasts, Audi owners, track days, car events", robots: {
- index: true,
- follow: true,
- },
- openGraph: {
- title: "Audi Club - Premium Automotive Community", description: "Join the Audi Club community of passionate enthusiasts. Exclusive events, track days, technical resources, and networking for Audi owners worldwide.", siteName: "Audi Club", type: "website", images: [
- {
- url: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-15152.jpg", alt: "Audi Club Community"},
- ],
- },
- twitter: {
- card: "summary_large_image", title: "Audi Club - Premium Automotive Community", description: "Join the Audi Club community of passionate enthusiasts.", images: ["http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-15152.jpg"],
- },
-};
+ title: "Audi Club - Community of Enthusiasts", description: "Join the Audi Club community. Experience exclusive events, connect with fellow Audi owners, and celebrate automotive excellence."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
+
+
{children}
-
+
+
-
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 975a9b0..90f7ae3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,10 +21,10 @@ export default function LandingPage() {
contentWidth="compact"
sizing="largeSmall"
background="fluid"
- cardStyle="subtle-shadow"
- primaryButtonStyle="shadow"
- secondaryButtonStyle="radial-glow"
- headingFontWeight="medium"
+ cardStyle="glass-elevated"
+ primaryButtonStyle="gradient"
+ secondaryButtonStyle="glass"
+ headingFontWeight="semibold"
>
@@ -213,6 +219,9 @@ export default function LandingPage() {
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
+ contentClassName="bg-gradient-to-r from-slate-800 to-slate-900 border border-slate-700 shadow-2xl rounded-2xl p-12"
+ titleClassName="text-white text-4xl font-bold"
+ descriptionClassName="text-slate-200 text-lg"
/>
@@ -246,8 +255,13 @@ export default function LandingPage() {
]
}
]}
+ containerClassName="bg-gradient-to-b from-slate-900 to-slate-950 border-t border-slate-800 shadow-2xl"
+ logoTextClassName="text-2xl font-bold text-white"
+ columnTitleClassName="text-white font-semibold text-lg mb-4"
+ columnItemClassName="text-slate-300 hover:text-white transition-colors duration-200"
+ copyrightTextClassName="text-slate-400"
/>
);
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5ccb7f3..dd8ff28 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,13 +12,13 @@
--background: #0a0a0a;
--card: #1a1a1a;
- --foreground: #ffffffe6;
- --primary-cta: #e6e6e6;
+ --foreground: #f5f5f5;
+ --primary-cta: #d4af37;
--primary-cta-text: #f5f4f0;
- --secondary-cta: #1a1a1a;
+ --secondary-cta: #262626;
--secondary-cta-text: #1a1a1a;
- --accent: #737373;
- --background-accent: #737373;
+ --accent: #b8860b;
+ --background-accent: #2d2d2d;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);