Bob AI: move features section after metrics
This commit is contained in:
104
src/app/page.tsx
104
src/app/page.tsx
@@ -36,6 +36,58 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentyFive
|
<FeatureCardTwentyFive
|
||||||
title="Amazing Features"
|
title="Amazing Features"
|
||||||
@@ -93,58 +145,6 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground="noInvert"
|
useInvertedBackground="noInvert"
|
||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSixteen
|
<TestimonialCardSixteen
|
||||||
|
|||||||
Reference in New Issue
Block a user