Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-03-27 10:35:17 +00:00

View File

@@ -11,165 +11,90 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Admins",
id: "admins",
},
{
name: "Boost",
id: "boost",
},
{
name: "Contest",
id: "contest",
},
]}
brandName="Frezzn BS"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Admins", id: "admins" },
{ name: "Boost", id: "boost" },
{ name: "Contest", id: "contest" },
]}
brandName="Frezzn BS"
/>
</div>
<div id="admins" data-section="admins">
<HeroSplitKpi
background={{
variant: "glowing-orb",
}}
title="Welcome to the Trusted Brawl Stars Trading Channel 👋"
description="Professional administration team ensuring safe, fast, and reliable trading and boosting services."
kpis={[
{
value: "100%+",
label: "Trusted",
},
{
value: "24/7",
label: "Active Support",
},
{
value: "Fast",
label: "Delivery",
},
]}
enableKpiAnimation={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWZNokI3gjYikfQIoUMgl0yW8A/a-dynamic-3d-cartoon-style-illustration--1774607685821-58b2ba82.png"
mediaAnimation="slide-up"
/>
</div>
<div id="admins" data-section="admins">
<HeroSplitKpi
background={{ variant: "glowing-orb" }}
title="Welcome to the Trusted Brawl Stars Trading Channel 👋"
description="Professional administration team ensuring safe, fast, and reliable trading and boosting services."
kpis={[
{ value: "100%+", label: "Trusted" },
{ value: "24/7", label: "Active Support" },
{ value: "Fast", label: "Delivery" },
]}
enableKpiAnimation={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWZNokI3gjYikfQIoUMgl0yW8A/a-dynamic-3d-cartoon-style-illustration--1774607685821-58b2ba82.png"
mediaAnimation="slide-up"
/>
</div>
<div id="boost" data-section="boost">
<PricingCardFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "cube",
tag: "Basic",
price: "3,000 UZS",
period: "/ 100 🏆",
description: "Standard cube boost for quick progression.",
button: {
text: "Order Now",
href: "https://t.me/frezzn",
},
featuresTitle: "Included Services",
features: [
"Quick Completion",
"Account Safety",
"24/7 Support",
],
},
{
id: "brawler",
tag: "Pro",
price: "15,000 UZS",
period: "/ 1000 🏆",
description: "Elite brawler rank boost for professional results.",
button: {
text: "Contact Booster",
href: "https://t.me/frezzn",
},
featuresTitle: "Included Services",
features: [
"High Winrate",
"Fastest Delivery",
"Priority Support",
],
},
]}
title="Frezzn Boost Prices"
description="Fast, cheap, and trusted service to reach your dream rank!"
/>
</div>
<div id="boost" data-section="boost">
<PricingCardFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "cube", tag: "Basic", price: "3,000 UZS", period: "/ 100 🏆", description: "Standard cube boost for quick progression.", button: { text: "Order Now", href: "https://t.me/frezzn" },
featuresTitle: "Included Services", features: ["Quick Completion", "Account Safety", "24/7 Support"]
},
{
id: "brawler", tag: "Pro", price: "15,000 UZS", period: "/ 1000 🏆", description: "Elite brawler rank boost for professional results.", button: { text: "Contact Booster", href: "https://t.me/frezzn" },
featuresTitle: "Included Services", features: ["High Winrate", "Fastest Delivery", "Priority Support"]
},
]}
title="Frezzn Boost Prices"
description="Fast, cheap, and trusted service to reach your dream rank!"
/>
</div>
<div id="contest" data-section="contest">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Requirements",
content: "Subscribe to our channel @frezzn_bs and chat @bs_uz_chat, subscribe to sponsors, and react to posts.",
},
{
id: "2",
title: "Rewards",
content: "The grand prize is the latest Brawl Pass Plus 🎫. Multiple winners will be selected.",
},
{
id: "3",
title: "How to Join",
content: "Join the channel, follow all steps including our partner YouTube and Telegram channels.",
},
]}
title="BP+ Mega Contest 💙"
description="Participate in our special giveaway for a chance to win the Brawl Pass Plus!"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contest" data-section="contest">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Requirements", content: "Subscribe to our channel @frezzn_bs and chat @bs_uz_chat, subscribe to sponsors, and react to posts." },
{ id: "2", title: "Rewards", content: "The grand prize is the latest Brawl Pass Plus 🎫. Multiple winners will be selected." },
{ id: "3", title: "How to Join", content: "Join the channel, follow all steps including our partner YouTube and Telegram channels." },
]}
title="BP+ Mega Contest 💙"
description="Participate in our special giveaway for a chance to win the Brawl Pass Plus!"
faqsAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Contact",
items: [
{
label: "@frezzn",
href: "https://t.me/frezzn",
},
],
},
{
title: "Support",
items: [
{
label: "Chat",
href: "https://t.me/bs_uz_chat",
},
],
},
{
title: "Social",
items: [
{
label: "YouTube",
href: "#",
},
],
},
]}
logoText="Frezzn BS"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Contact", items: [{ label: "@frezzn", href: "https://t.me/frezzn" }] },
{ title: "Support", items: [{ label: "Chat", href: "https://t.me/bs_uz_chat" }] },
{ title: "Social", items: [{ label: "YouTube", href: "#" }] },
]}
logoText="Frezzn BS"
/>
</div>
</ReactLenis>
</ThemeProvider>
);