bender/b9f7266d-e0af-46a5-aefe-ea9793857fe5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

7 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
2499578f86 Update src/app/page.tsx 2026-03-04 12:40:05 +00:00
bender
7723013762 Update src/app/layout.tsx 2026-03-04 12:40:04 +00:00
bender
69476db32c Merge version_1 into main 
Merge version_1 into main
 2026-03-04 12:20:26 +00:00
bender
de9fdeff13 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 12:19:26 +00:00
bender
b6392de983 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 12:05:06 +00:00
bender
29c05b8813 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 12:00:48 +00:00
bender
0bb4018cb7 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 11:59:31 +00:00
2 changed files with 59 additions and 46 deletions
Expand all files Collapse all files

51
src/app/layout.tsx
View File

@@ -1,56 +1,22 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Inter_Tight } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import "./styles/variables.css";
import Tag from "@/tag/Tag"; import "./styles/base.css";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
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 = { export const metadata: Metadata = {
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"), title: "Chihab_070 - Wild Rift Gaming", description: "Gaming & Tech | Wild Rift Champion | Mobile Esports Creator"};
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({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1418,7 +1384,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

54
src/app/page.tsx
View File

@@ -6,7 +6,8 @@ import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine"; import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Share2, Zap } from "lucide-react"; import { Share2, Zap, TrendingUp } from "lucide-react";
import React from "react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -45,8 +46,8 @@ export default function LandingPage() {
tag="Gaming & Tech" tag="Gaming & Tech"
tagIcon={Zap} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATlPPnLrEwJ9owNF01ARl5RNSi/futuristic-dark-gaming-background-inspir-1772625535841-4a5f971e.png" imageSrc="https://images.unsplash.com/photo-1538481143235-a9ce440b8a79?w=1600&h=900&fit=crop"
imageAlt="Futuristic gaming hero background with neon effects" imageAlt="Professional Wild Rift themed cinematic gaming background"
textPosition="center" textPosition="center"
showBlur={true} showBlur={true}
showDimOverlay={true} showDimOverlay={true}
@@ -65,6 +66,53 @@ export default function LandingPage() {
/> />
</div> </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"> <div id="social" data-section="social">
<FeatureCardNine <FeatureCardNine
title="Social Hub" title="Social Hub"