Skip to content

Commit

Permalink
Merge pull request #1 from Group-2-Encode-AI-GPT-Bootcamp/v1
Browse files Browse the repository at this point in the history 
UI changes
  • Loading branch information
@ilhamfadheel
ilhamfadheel authored Oct 7, 2024
2 parents cc245ef + 8728ed6 commit cca37a3
Showing 1 changed file with 45 additions and 32 deletions.
77 changes: 45 additions & 32 deletions components/landing-page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,17 +15,17 @@ export function LandingPageComponent() {
<span className="sr-only">Web3 Risk Score</span>
</Link>
<nav className="ml-auto flex gap-4 sm:gap-6">
<Link
<Link
className="text-sm font-medium hover:underline underline-offset-4"
href="#features"
href="#how-it-works"
>
Features
How It Works
</Link>
<Link
className="text-sm font-medium hover:underline underline-offset-4"
href="#how-it-works"
href="#features"
>
How It Works
Features
</Link>
<Link
className="text-sm font-medium hover:underline underline-offset-4"
Expand Down Expand Up @@ -64,25 +64,33 @@ export function LandingPageComponent() {
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl text-center mb-8">
Our 10-Point Scoring System
</h2>
<p className="text-center mb-12 max-w-2xl mx-auto text-gray-600 dark:text-gray-300">
We analyze various aspects of a project's Twitter presence to provide a comprehensive risk assessment. Here's what we look for:
</p>
<div className="grid gap-6 lg:grid-cols-2">
{[
"Account Age: More than 6 months old",
"Follower Count: Over 10,000 followers",
"Verification Status: Blue checkmark",
"Engagement Rate: Consistent likes, retweets, comments",
"Content Quality: Informative and well-written tweets",
"Frequency of Posts: Consistent posting schedule",
"Community Interactions: Responds to queries",
"Official Resources: Links to website and whitepaper",
"Team Information: Clear info about project team",
"Network Connections: Interacts with reputable projects",
{ title: "Account Longevity", description: "Established accounts (>6 months) indicate more stability" },
{ title: "Follower Base", description: "A substantial following (>10,000) suggests broader recognition" },
{ title: "Verified Status", description: "Official verification adds credibility to the project" },
{ title: "Community Engagement", description: "High interaction rates show an active, interested audience" },
{ title: "Content Value", description: "Informative, well-crafted tweets demonstrate expertise" },
{ title: "Posting Consistency", description: "Regular updates indicate ongoing project development" },
{ title: "Responsive Communication", description: "Timely replies to community queries show dedication" },
{ title: "Transparent Resources", description: "Easy access to official website and documentation" },
{ title: "Team Visibility", description: "Clear information about team members builds trust" },
{ title: "Industry Connections", description: "Interactions with reputable projects suggest legitimacy" },
].map((point, index) => (
<Card key={index}>
<Card key={index} className="flex flex-col">
<CardHeader>
<CardTitle className="text-xl">Point {index + 1}</CardTitle>
<CardTitle className="text-xl flex items-center">
<span className="bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-full w-8 h-8 flex items-center justify-center mr-3">
{index + 1}
</span>
{point.title}
</CardTitle>
</CardHeader>
<CardContent>
<p>{point}</p>
<CardContent className="flex-grow">
<p>{point.description}</p>
</CardContent>
</Card>
))}
Expand All @@ -92,33 +100,38 @@ export function LandingPageComponent() {
<section id="features" className="w-full py-12 md:py-24 lg:py-32">
<div className="container px-4 md:px-6 mx-auto max-w-[1200px]">
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl text-center mb-8">
Why Use Our Risk Score Generator?
Why Choose Our Risk Score Generator?
</h2>
<div className="grid gap-6 lg:grid-cols-3">
<p className="text-center mb-12 max-w-2xl mx-auto text-gray-600 dark:text-gray-300">
Our AI-powered tool offers unique advantages to help you navigate the complex world of Web3 projects:
</p>
<div className="grid gap-8 lg:grid-cols-3">
{[
{
title: "Quick Assessment",
description:
"Get a comprehensive risk score in seconds using just a Twitter handle.",
title: "Lightning-Fast Assessment",
description: "Get a comprehensive risk score in seconds using just a Twitter handle. Save time and make informed decisions quickly.",
icon: "⚡️",
},
{
title: "Data-Driven Insights",
description:
"Our system analyzes multiple factors to provide an objective risk assessment.",
description: "Our advanced AI analyzes multiple factors to provide an objective, unbiased risk assessment you can trust.",
icon: "📊",
},
{
title: "Stay Informed",
description:
"Make better decisions in the fast-paced world of Web3 projects.",
title: "Stay Ahead of the Curve",
description: "Make smarter decisions in the fast-paced world of Web3 projects. Identify potential risks before they become problems.",
icon: "🚀",
},
].map((feature, index) => (
<Card key={index}>
<Card key={index} className="relative overflow-hidden group hover:shadow-lg transition-shadow duration-300">
<CardHeader>
<CardTitle>{feature.title}</CardTitle>
<div className="text-4xl mb-2">{feature.icon}</div>
<CardTitle className="text-2xl group-hover:text-primary transition-colors duration-300">{feature.title}</CardTitle>
</CardHeader>
<CardContent>
<p>{feature.description}</p>
<p className="text-gray-600 dark:text-gray-300">{feature.description}</p>
</CardContent>
<div className="absolute bottom-0 left-0 w-full h-1 bg-primary transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></div>
</Card>
))}
</div>
Expand Down

0 comments on commit cca37a3

Please sign in to comment.