Switch to version 1: modified src/app/page.tsx

Switch to version 1: modified src/app/layout.tsx
Switch to version 2: modified src/app/page.tsx
2026-03-04 12:46:02 +00:00 · 2026-03-04 12:46:01 +00:00 · 2026-03-04 12:45:54 +00:00 · 2026-03-04 12:45:53 +00:00 · 2026-03-04 12:45:39 +00:00 · 2026-03-04 12:45:34 +00:00
2 changed files with 46 additions and 59 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,22 +1,56 @@
 import type { Metadata } from "next";
+import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
+import { Inter_Tight } from "next/font/google";
 import "./globals.css";
-import "./styles/variables.css";
-import "./styles/base.css";
+import { ServiceWrapper } from "@/components/ServiceWrapper";
+import Tag from "@/tag/Tag";

-const inter = Inter({ subsets: ["latin"] });
+const halant = Halant({
+  variable: "--font-halant",  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
+});
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});

 export const metadata: Metadata = {
-  title: "Chihab_070 - Wild Rift Gaming",  description: "Gaming & Tech | Wild Rift Champion | Mobile Esports Creator"};
+  title: "Chihab_070 | Gaming & Tech | Wild Rift Pro",  description: "Follow Chihab_070 for daily Wild Rift gameplay highlights, live streams, and pro-level esports content. Experience high-octane mobile gaming.",  keywords: "gaming, wild rift, twitch, esports, mobile gaming, league of legends",  metadataBase: new URL("https://chihab070.com"),
+  openGraph: {
+    title: "Chihab_070 Gaming Hub",    description: "Join the gaming community and watch professional Wild Rift gameplay",    url: "https://chihab070.com",    siteName: "Chihab_070",    type: "website",    images: [
+      {
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATlPPnLrEwJ9owNF01ARl5RNSi/futuristic-dark-gaming-background-inspir-1772625535841-4a5f971e.png",        alt: "Chihab_070 Gaming Hub"},
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",    title: "Chihab_070 | Wild Rift Pro",    description: "Watch professional gaming highlights and live streams",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATlPPnLrEwJ9owNF01ARl5RNSi/futuristic-dark-gaming-background-inspir-1772625535841-4a5f971e.png"],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};

 export default function RootLayout({
  children,
-}: {
+}: Readonly<{
  children: React.ReactNode;
-}) {
+}>) {
  return (
-    <html lang="en">
-      <body className={inter.className}>{children}
+    <html lang="en" suppressHydrationWarning>
+      <ServiceWrapper>
+        <body
+          className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
+        >
+          <Tag />
+          {children}
+        
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1384,6 +1418,7 @@ export default function RootLayout({
          }}
        />
      </body>
+      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,8 +6,7 @@ import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Share2, Zap, TrendingUp } from "lucide-react";
-import React from "react";
+import { Share2, Zap } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -46,8 +45,8 @@ export default function LandingPage() {
          tag="Gaming & Tech"
          tagIcon={Zap}
          tagAnimation="slide-up"
-          imageSrc="https://images.unsplash.com/photo-1538481143235-a9ce440b8a79?w=1600&h=900&fit=crop"
-          imageAlt="Professional Wild Rift themed cinematic gaming background"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATlPPnLrEwJ9owNF01ARl5RNSi/futuristic-dark-gaming-background-inspir-1772625535841-4a5f971e.png"
+          imageAlt="Futuristic gaming hero background with neon effects"
          textPosition="center"
          showBlur={true}
          showDimOverlay={true}
@@ -66,53 +65,6 @@ export default function LandingPage() {
        />
      </div>

-      <div id="social-icons" data-section="social-icons" className="flex justify-center gap-8 py-16 px-6">
-        <a
-          href="https://tiktok.com/@chihab_070"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="relative group"
-          aria-label="Follow on TikTok"
-        >
-          <div className="w-20 h-20 md:w-24 md:h-24 rounded-full bg-gradient-to-br from-red-500/50 to-red-700/50 backdrop-blur-md border-2 border-red-400/60 shadow-lg shadow-red-500/50 flex items-center justify-center transition-all duration-300 group-hover:scale-110 group-hover:shadow-2xl group-hover:shadow-red-500/70">
-            <svg className="w-10 h-10 md:w-12 md:h-12 text-red-200 group-hover:text-red-100" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.1 1.82 2.9 2.9 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.26 6.26 0 0 0-1-.08A6.25 6.25 0 1 0 12.14 20.65a6.17 6.17 0 0 0 5.441-3.086 6.25 6.25 0 0 0 2.15-4.64v-3.29a7.8 7.8 0 0 0 3.54 1.75v-3.45a4.85 4.85 0 0 1-.88-.08z"/>
-            </svg>
-          </div>
-          <span className="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-sm font-bold text-red-300 opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap">TikTok</span>
-        </a>
-
-        <a
-          href="https://twitch.tv"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="relative group"
-          aria-label="Follow on Twitch"
-        >
-          <div className="w-20 h-20 md:w-24 md:h-24 rounded-full bg-gradient-to-br from-purple-600/50 to-red-600/50 backdrop-blur-md border-2 border-purple-400/60 shadow-lg shadow-purple-500/50 flex items-center justify-center transition-all duration-300 group-hover:scale-110 group-hover:shadow-2xl group-hover:shadow-purple-500/70">
-            <svg className="w-10 h-10 md:w-12 md:h-12 text-purple-200 group-hover:text-purple-100" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M11.571 4.714h1.429v5.286h1.393V4.714h1.429v7.143h-4.25v-7.143zM17.571 9.857h1.429V4.714h-1.429v5.143zm-6.428 6.286c-2 0-3.429-1.429-3.429-3.429s1.429-3.429 3.429-3.429 3.429 1.429 3.429 3.429-1.429 3.429-3.429 3.429zM2 2v20h20V2H2zm15.143 14.857h-2.857v1.714c-1.714-1.286-3.286-1-3.286 0v1.714h2.857v7.071H10.57v-7.071h-2v-2.143c0-1.143 1.143-1.714 3.143-1.714v-2.143c-.714 0-1.429.286-2 .571v-1.286z"/>
-            </svg>
-          </div>
-          <span className="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-sm font-bold text-purple-300 opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap">Twitch</span>
-        </a>
-
-        <a
-          href="https://instagram.com"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="relative group"
-          aria-label="Follow on Instagram"
-        >
-          <div className="w-20 h-20 md:w-24 md:h-24 rounded-full bg-gradient-to-br from-pink-500/50 to-red-600/50 backdrop-blur-md border-2 border-pink-400/60 shadow-lg shadow-pink-500/50 flex items-center justify-center transition-all duration-300 group-hover:scale-110 group-hover:shadow-2xl group-hover:shadow-pink-500/70">
-            <svg className="w-10 h-10 md:w-12 md:h-12 text-pink-200 group-hover:text-pink-100" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zM5.838 12a6.162 6.162 0 1 1 12.324 0 6.162 6.162 0 0 1-12.324 0zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm4.965-10.322a1.44 1.44 0 1 1 2.881.001 1.44 1.44 0 0 1-2.881-.001z"/>
-            </svg>
-          </div>
-          <span className="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-sm font-bold text-pink-300 opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap">Instagram</span>
-        </a>
-      </div>
-
      <div id="social" data-section="social">
        <FeatureCardNine
          title="Social Hub"
Author	SHA1	Message	Date
bender	4082619888	Switch to version 1: modified src/app/page.tsx	2026-03-04 12:46:02 +00:00
bender	00716fcb98	Switch to version 1: modified src/app/layout.tsx	2026-03-04 12:46:01 +00:00
bender	6b5f90dc86	Switch to version 2: modified src/app/page.tsx	2026-03-04 12:45:54 +00:00
bender	b2668be539	Switch to version 2: modified src/app/layout.tsx	2026-03-04 12:45:53 +00:00
bender	871d417301	Merge version_3 into main Merge version_3 into main	2026-03-04 12:45:39 +00:00
bender	9eee261112	Update src/app/page.tsx	2026-03-04 12:45:34 +00:00
bender	5cbbed8214	Merge version_3 into main Merge version_3 into main	2026-03-04 12:43:34 +00:00
bender	ac14b73587	Update src/app/page.tsx	2026-03-04 12:43:30 +00:00
bender	deff5254c1	Update src/app/layout.tsx	2026-03-04 12:43:30 +00:00
bender	2967693586	Merge version_2 into main Merge version_2 into main	2026-03-04 12:40:09 +00:00