Merge version_3 into main #5
@@ -4,12 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Activity, Award, DollarSign, Mic, Scale, Trophy, Wallet } from "lucide-react";
|
||||
import { Activity, Award, DollarSign, Mic, Scale, Trophy, Wallet, Landmark, Basketball, Bitcoin, Cpu, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -58,6 +59,26 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="choose-topics" data-section="choose-topics">
|
||||
<FeatureBento
|
||||
title="Choose Your Debate Topics"
|
||||
description="Pick a category and jump into the arena."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Politics", description: "Debate policy, governance, and current affairs.", bentoComponent: "reveal-icon", icon: Landmark, button: { text: "Start Debate" } },
|
||||
{ title: "Sports", description: "Settle rivalries, GOAT debates, and match predictions.", bentoComponent: "reveal-icon", icon: Basketball, button: { text: "Start Debate" } },
|
||||
{ title: "Crypto", description: "Market movements, blockchain tech, and assets.", bentoComponent: "reveal-icon", icon: Bitcoin, button: { text: "Start Debate" } },
|
||||
{ title: "Geopolitics", description: "Global strategy, international relations, and borders.", bentoComponent: "reveal-icon", icon: Activity, button: { text: "Start Debate" } },
|
||||
{ title: "Technology", description: "Future of AI, hardware, and software innovation.", bentoComponent: "reveal-icon", icon: Cpu, button: { text: "Start Debate" } },
|
||||
{ title: "Society", description: "Cultural shifts, ethics, and lifestyle trends.", bentoComponent: "reveal-icon", icon: Users, button: { text: "Start Debate" } },
|
||||
{ title: "Economy", description: "Markets, inflation, and global wealth.", bentoComponent: "reveal-icon", icon: TrendingUp, button: { text: "Start Debate" } },
|
||||
]}
|
||||
buttons={[{ text: "Explore All Categories →" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beefs" data-section="beefs">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
@@ -182,4 +203,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user