FortuneSystem/Fortune-PlayLogic
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update branding from HarifSport to FortuneBets across the application

Browse Source
This commit is contained in:
brooktewabe 2026-03-01 15:46:49 +03:00
parent bf1efb3341
commit 86ffd88e46
9 changed files with 98 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/globals.css
View File

@ -128,7 +128,7 @@
} }
} }
/* HarifSport odds button animation */ /* Fortune odds button animation */
@keyframes odds-flash { @keyframes odds-flash {
0% { 0% {
background-color: oklch(0.55 0.18 145); background-color: oklch(0.55 0.18 145);

4
app/layout.tsx
View File

@ -14,8 +14,8 @@ const geistMono = Geist_Mono({
}) })
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Harifsport - Sports Betting", title: "FortuneBets - Ethiopian Online Casino and Sports Betting",
description: "Harifsport sportsbook - Live betting, in-play events, and more", description: "FortuneBets - Ethiopian Online Casino and Sports Betting and more",
} }
export default function RootLayout({ export default function RootLayout({

6
app/login/page.tsx
View File

@ -41,15 +41,15 @@ export default function LoginPage() {
/> />
))} ))}
</div> </div>
{/* HARIF box */} {/* FORTUNE box */}
<div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]"> <div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]">
<span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none"> <span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none">
HARIF FORTUNE
</span> </span>
</div> </div>
{/* SPORT text */} {/* SPORT text */}
<span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none"> <span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">
SPORT BETS
</span> </span>
</div> </div>
</div> </div>

6
app/register/page.tsx
View File

@ -43,15 +43,15 @@ export default function RegisterPage() {
/> />
))} ))}
</div> </div>
{/* HARIF box */} {/* FORTUNE box */}
<div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]"> <div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]">
<span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none"> <span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none">
HARIF FORTUNE
</span> </span>
</div> </div>
{/* SPORT text */} {/* SPORT text */}
<span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none"> <span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">
SPORT BETS
</span> </span>
</div> </div>
</div> </div>

4
app/rules/page.tsx
View File

@ -1,7 +1,7 @@
const rules = [ const rules = [
{ {
title: "General Betting Rules", title: "General Betting Rules",
content: "All bets are subject to Harifsport terms and conditions. By placing a bet, you agree to abide by these rules. The minimum bet amount is 5 ETB and the maximum payout is 500,000 ETB per bet.", content: "All bets are subject to FortuneBets terms and conditions. By placing a bet, you agree to abide by these rules. The minimum bet amount is 5 ETB and the maximum payout is 500,000 ETB per bet.",
}, },
{ {
title: "Live Betting", title: "Live Betting",
@ -13,7 +13,7 @@ const rules = [
}, },
{ {
title: "Responsible Gambling", title: "Responsible Gambling",
content: "Harifsport is committed to responsible gambling. Users may set deposit limits, loss limits, or self-exclude at any time. Gambling should be entertaining, not a source of income.", content: "FortuneBets is committed to responsible gambling. Users may set deposit limits, loss limits, or self-exclude at any time. Gambling should be entertaining, not a source of income.",
}, },
{ {
title: "Account Rules", title: "Account Rules",

4
components/games/virtual-sidebar.tsx
View File

@ -9,7 +9,7 @@ export type GameCategory =
| "favourite" | "favourite"
| "recently-played" | "recently-played"
| "most-popular" | "most-popular"
| "harif-special" | "fortune-special"
| "for-you" | "for-you"
| "slots" | "slots"
| "crash-games" | "crash-games"
@ -30,7 +30,7 @@ const categories = [
{ id: "favourite", name: "Favourite", icon: Heart }, { id: "favourite", name: "Favourite", icon: Heart },
{ id: "recently-played", name: "Recently Played", icon: Clock }, { id: "recently-played", name: "Recently Played", icon: Clock },
{ id: "most-popular", name: "Most Popular", icon: Star }, { id: "most-popular", name: "Most Popular", icon: Star },
{ id: "harif-special", name: "Harif Special", icon: Zap }, { id: "fortune-special", name: "Fortune Special", icon: Star },
{ id: "for-you", name: "For You", icon: Star }, { id: "for-you", name: "For You", icon: Star },
{ id: "slots", name: "Slots", icon: Star }, { id: "slots", name: "Slots", icon: Star },
{ id: "crash-games", name: "Crash Games", icon: Star }, { id: "crash-games", name: "Crash Games", icon: Star },

6
components/layout/auth-modal.tsx
View File

@ -14,15 +14,15 @@ function Logo() {
<div key={i} className="w-[5px] h-[38px] bg-[#cc2222] -skew-x-12" /> <div key={i} className="w-[5px] h-[38px] bg-[#cc2222] -skew-x-12" />
))} ))}
</div> </div>
{/* HARIF box */} {/* FORTUNE box */}
<div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]"> <div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[38px]">
<span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none"> <span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none">
HARIF FORTUNE
</span> </span>
</div> </div>
{/* SPORT text */} {/* SPORT text */}
<span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none"> <span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">
SPORT BETS
</span> </span>
</div> </div>
) )

125
components/layout/site-footer.tsx
View File

@ -4,79 +4,104 @@ import Link from "next/link"
export function SiteFooter() { export function SiteFooter() {
return ( return (
<footer className="bg-brand-surface text-white pt-12"> <footer className="bg-brand-surface text-white pt-16">
<div className="container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 text-center md:text-left">
{/* ABOUT */} {/* Centered Columns */}
<div> <div className="mx-auto max-w-5xl px-6">
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">ABOUT</h3> <div className="grid grid-cols-1 md:grid-cols-4 gap-20 text-center md:text-left justify-items-center md:justify-items-start">
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/about" className="hover:text-primary transition-colors">About us</Link></li> {/* ABOUT */}
<li><Link href="/privacy" className="hover:text-primary transition-colors">Privacy Policy</Link></li> <div>
<li><Link href="/responsible-gaming" className="hover:text-primary transition-colors">Responsible Gaming</Link></li> <h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">
<li><Link href="/contact" className="hover:text-primary transition-colors">Contact us</Link></li> ABOUT
</ul> </h3>
</div> <ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/about" className="hover:text-primary transition-colors">About us</Link></li>
<li><Link href="/privacy" className="hover:text-primary transition-colors">Privacy Policy</Link></li>
<li><Link href="/responsible-gaming" className="hover:text-primary transition-colors">Responsible Gaming</Link></li>
<li><Link href="/contact" className="hover:text-primary transition-colors">Contact us</Link></li>
</ul>
</div>
{/* INFORMATION */} {/* INFORMATION */}
<div> <div>
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">INFORMATION</h3> <h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight"> INFORMATION
<li><Link href="/terms" className="hover:text-primary transition-colors">Terms & Conditions</Link></li> </h3>
<li><Link href="/faq" className="hover:text-primary transition-colors">FAQ</Link></li> <ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/rules" className="hover:text-primary transition-colors">Betting Rules</Link></li> <li><Link href="/terms" className="hover:text-primary transition-colors">Terms & Conditions</Link></li>
<li><Link href="/info" className="hover:text-primary transition-colors">Betting Information</Link></li> <li><Link href="/faq" className="hover:text-primary transition-colors">FAQ</Link></li>
</ul> <li><Link href="/rules" className="hover:text-primary transition-colors">Betting Rules</Link></li>
</div> <li><Link href="/info" className="hover:text-primary transition-colors">Betting Information</Link></li>
</ul>
</div>
{/* SPORTS */} {/* SPORTS */}
<div> <div>
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">SPORTS</h3> <h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight"> SPORTS
<li><Link href="/live" className="hover:text-primary transition-colors text-blue-400">Live betting</Link></li> </h3>
<li><Link href="/football" className="hover:text-primary transition-colors">Football</Link></li> <ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/basketball" className="hover:text-primary transition-colors">Basketball</Link></li> <li><Link href="/live" className="hover:text-primary transition-colors">Live betting</Link></li>
<li><Link href="/tennis" className="hover:text-primary transition-colors">Tennis</Link></li> <li><Link href="/football" className="hover:text-primary transition-colors">Football</Link></li>
<li><Link href="/volleyball" className="hover:text-primary transition-colors">Volleyball</Link></li> <li><Link href="/basketball" className="hover:text-primary transition-colors">Basketball</Link></li>
</ul> <li><Link href="/tennis" className="hover:text-primary transition-colors">Tennis</Link></li>
</div> <li><Link href="/volleyball" className="hover:text-primary transition-colors">Volleyball</Link></li>
</ul>
</div>
{/* PLAY NOW */}
<div>
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">
PLAY NOW
</h3>
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/virtual" className="hover:text-primary transition-colors">Virtual</Link></li>
<li><Link href="/special-games" className="hover:text-primary transition-colors">Special Games</Link></li>
</ul>
</div>
{/* PLAY NOW */}
<div>
<h3 className="text-[12px] font-black uppercase mb-6 tracking-widest">PLAY NOW</h3>
<ul className="space-y-2 text-[11px] text-white/60 font-medium tracking-tight">
<li><Link href="/virtual" className="hover:text-primary transition-colors">Virtual</Link></li>
<li><Link href="/special-games" className="hover:text-primary transition-colors">Special Games</Link></li>
</ul>
</div> </div>
</div> </div>
{/* Logo Section */} {/* Logo Section */}
<div className="flex flex-col items-center justify-center py-16 border-t border-white/5 mt-12 bg-brand-surface-light"> <div className="flex flex-col items-center justify-center py-16 border-t border-white/5 mt-16 bg-brand-surface-light">
<div className="flex items-center bg-brand-surface px-5 py-2"> <div className="flex items-center bg-brand-surface px-5 py-2">
<div className="bg-brand-accent px-3 py-1 -skew-x-12"> <div className="bg-brand-accent px-3 py-1 -skew-x-12">
<span className="text-3xl font-black text-white italic tracking-tighter skew-x-12 inline-block">HARIF</span> <span className="text-3xl font-black text-white italic tracking-tighter skew-x-12 inline-block">
FORTUNE
</span>
</div> </div>
<span className="text-3xl font-black text-brand-primary italic tracking-tighter ml-1">SPORT</span> <span className="text-3xl font-black text-brand-primary italic tracking-tighter ml-1">
BETS
</span>
</div> </div>
{/* Footer Links */} {/* Footer Links */}
<div className="flex flex-wrap items-center justify-center gap-6 mt-12 text-[11px] font-bold tracking-tight text-white/80"> <div className="flex flex-wrap items-center justify-center gap-6 mt-12 text-[11px] font-bold tracking-tight text-white/80">
<Link href="/affiliates" className="hover:text-primary uppercase transition-colors">Affiliates</Link> <Link href="/affiliates" className="hover:text-primary uppercase transition-colors">
<span className="size-1 bg-white/10 rounded-full" /> Affiliates
<Link href="/complaints" className="hover:text-primary uppercase transition-colors">Complaints</Link> </Link>
<span className="size-1 bg-white/10 rounded-full" /> <span className="size-1 bg-white/10 rounded-full" />
<Link href="/deposits" className="hover:text-primary uppercase transition-colors">Deposits and Withdrawals</Link> <Link href="/complaints" className="hover:text-primary uppercase transition-colors">
Complaints
</Link>
<span className="size-1 bg-white/10 rounded-full" />
<Link href="/deposits" className="hover:text-primary uppercase transition-colors">
Deposits and Withdrawals
</Link>
</div> </div>
</div> </div>
{/* Cookie Text */} {/* Cookie Text */}
<div className="bg-brand-bg py-10 px-6 text-center"> <div className="bg-brand-bg py-10 px-6 text-center">
<div className="container mx-auto max-w-5xl"> <div className="mx-auto max-w-5xl">
<p className="text-[10px] text-white/40 leading-relaxed font-medium uppercase tracking-tight"> <p className="text-[10px] text-white/40 leading-relaxed font-medium uppercase tracking-tight">
By accessing, or continuing to use or browse this site, you consent to our use of certain cookies to improve your experience with us. We only use cookies that will enhance your experience and will not interfere with your privacy. Please look at our Cookie Policy for further informations on our use of the cookie and how you can disable it or manage it if you so choose. By accessing, or continuing to use or browse this site, you consent to our use of certain cookies to improve your experience with us. We only use cookies that will enhance your experience and will not interfere with your privacy. Please look at our Cookie Policy for further informations on our use of the cookie and how you can disable it or manage it if you so choose.
</p> </p>
</div> </div>
</div> </div>
</footer> </footer>
) )
} }

14
components/layout/site-header.tsx
View File

@ -17,7 +17,7 @@ const allNavItems = [
{ href: "/poker", label: "POKER", isNew: true }, { href: "/poker", label: "POKER", isNew: true },
{ href: "/race", label: "RACE", isNew: true }, { href: "/race", label: "RACE", isNew: true },
{ href: "/promo", label: "PROMO" }, { href: "/promo", label: "PROMO" },
{ href: "/aviator", label: "AVIATOR" }, // { href: "/aviator", label: "AVIATOR" },
] ]
const drawerLinks = [ const drawerLinks = [
@ -118,9 +118,9 @@ export function SiteHeader({ onLoginClick, onRegisterClick }: SiteHeaderProps) {
<Link href="/" className="flex-1 flex items-center justify-center"> <Link href="/" className="flex-1 flex items-center justify-center">
<div className="flex items-center"> <div className="flex items-center">
<div className="bg-brand-accent px-2 py-0.5 -skew-x-12 flex items-center h-[28px]"> <div className="bg-brand-accent px-2 py-0.5 -skew-x-12 flex items-center h-[28px]">
<span className="text-xl font-black text-white italic tracking-tighter skew-x-12 leading-none">HARIF</span> <span className="text-xl font-black text-white italic tracking-tighter skew-x-12 leading-none">FORTUNE</span>
</div> </div>
<span className="text-xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">SPORT</span> <span className="text-xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">BETS</span>
</div> </div>
</Link> </Link>
@ -146,9 +146,9 @@ export function SiteHeader({ onLoginClick, onRegisterClick }: SiteHeaderProps) {
<Link href="/" className="flex items-center shrink-0"> <Link href="/" className="flex items-center shrink-0">
<div className="flex items-center bg-brand-surface h-[60px] px-4 w-[280px] shrink-0 border-r border-white/5"> <div className="flex items-center bg-brand-surface h-[60px] px-4 w-[280px] shrink-0 border-r border-white/5">
<div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[34px]"> <div className="bg-brand-accent px-3 py-1 -skew-x-12 flex items-center h-[34px]">
<span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none">HARIF</span> <span className="text-2xl font-black text-white italic tracking-tighter skew-x-12 inline-block leading-none">FORTUNE</span>
</div> </div>
<span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">SPORT</span> <span className="text-2xl font-black text-brand-primary italic tracking-tighter ml-1 leading-none">BETS</span>
</div> </div>
</Link> </Link>
<div className="flex items-center flex-1 justify-end px-4 h-full gap-0 bg-brand-surface"> <div className="flex items-center flex-1 justify-end px-4 h-full gap-0 bg-brand-surface">
@ -288,9 +288,9 @@ export function SiteHeader({ onLoginClick, onRegisterClick }: SiteHeaderProps) {
<div className="flex items-center justify-between px-4 py-3 bg-brand-surface border-b border-white/10"> <div className="flex items-center justify-between px-4 py-3 bg-brand-surface border-b border-white/10">
<div className="flex items-center"> <div className="flex items-center">
<div className="bg-brand-accent px-2 py-0.5 -skew-x-12 flex items-center h-[24px]"> <div className="bg-brand-accent px-2 py-0.5 -skew-x-12 flex items-center h-[24px]">
<span className="text-base font-black text-white italic tracking-tighter skew-x-12 leading-none">HARIF</span> <span className="text-base font-black text-white italic tracking-tighter skew-x-12 leading-none">FORTUNE</span>
</div> </div>
<span className="text-base font-black text-brand-primary italic tracking-tighter ml-1 leading-none">SPORT</span> <span className="text-base font-black text-brand-primary italic tracking-tighter ml-1 leading-none">BETS</span>
</div> </div>
<button onClick={() => setDrawerOpen(false)} className="text-white/60 hover:text-white text-2xl leading-none">×</button> <button onClick={() => setDrawerOpen(false)} className="text-white/60 hover:text-white text-2xl leading-none">×</button>
</div> </div>