development/0b1f4792-64cd-483a-8739-3d5dadeaa175
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: move features section after metrics

Browse Source
This commit is contained in:
kudindmitriy
2026-02-09 15:22:18 +02:00
parent 3bd69853f9
commit ef4bd43ce0
1 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/app/page.tsx
View File

@@ -36,6 +36,58 @@ export default function LandingPage() {
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="My New Title"
description="This is a test description"
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Download Now", href: "https://apps.apple.com/app/clash-of-clans" },
{ text: "Watch Trailer", href: "#gameplay" }
]}
layoutOrder="default"
backgroundImage="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
imageAlt="Clash of Clans epic battle scene with castle and warriors"
frameStyle="browser"
/>
</div>
<div id="gameplay" data-section="gameplay">
<ProductCardOne
title="Game Modes"
description="Experience multiple thrilling gameplay modes designed for every playstyle and strategy preference."
tag="Gameplay"
tagIcon={Gamepad2}
products={[
{
id: "1", name: "Campaign Mode", price: "Single Player", imageSrc: "https://img.b2bpic.net/free-photo/diverse-viking-men-outdoors_23-2151689953.jpg", imageAlt: "Campaign mode gameplay with base building"
},
{
id: "2", name: "Multiplayer Battles", price: "1v1 Combat", imageSrc: "https://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707052.jpg", imageAlt: "Multiplayer PvP battle arena"
},
{
id: "3", name: "Clan Wars", price: "Team Events", imageSrc: "https://img.b2bpic.net/free-photo/diverse-viking-men-outdoors_23-2151689959.jpg", imageAlt: "Epic clan war gameplay"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<AboutMetric
title="Our Numbers"
metrics={[
{ icon: Users, label: "Active Players", value: "100M+" },
{ icon: Globe, label: "Countries", value: "200+" },
{ icon: Award, label: "Years Active", value: "12+" },
{ icon: Zap, label: "Daily Battles", value: "1B+" }
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
title="Amazing Features"
@@ -93,58 +145,6 @@ export default function LandingPage() {
useInvertedBackground="noInvert"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="My New Title"
description="This is a test description"
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Download Now", href: "https://apps.apple.com/app/clash-of-clans" },
{ text: "Watch Trailer", href: "#gameplay" }
]}
layoutOrder="default"
backgroundImage="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
imageAlt="Clash of Clans epic battle scene with castle and warriors"
frameStyle="browser"
/>
</div>
<div id="gameplay" data-section="gameplay">
<ProductCardOne
title="Game Modes"
description="Experience multiple thrilling gameplay modes designed for every playstyle and strategy preference."
tag="Gameplay"
tagIcon={Gamepad2}
products={[
{
id: "1", name: "Campaign Mode", price: "Single Player", imageSrc: "https://img.b2bpic.net/free-photo/diverse-viking-men-outdoors_23-2151689953.jpg", imageAlt: "Campaign mode gameplay with base building"
},
{
id: "2", name: "Multiplayer Battles", price: "1v1 Combat", imageSrc: "https://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707052.jpg", imageAlt: "Multiplayer PvP battle arena"
},
{
id: "3", name: "Clan Wars", price: "Team Events", imageSrc: "https://img.b2bpic.net/free-photo/diverse-viking-men-outdoors_23-2151689959.jpg", imageAlt: "Epic clan war gameplay"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<AboutMetric
title="Our Numbers"
metrics={[
{ icon: Users, label: "Active Players", value: "100M+" },
{ icon: Globe, label: "Countries", value: "200+" },
{ icon: Award, label: "Years Active", value: "12+" },
{ icon: Zap, label: "Daily Battles", value: "1B+" }
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen