Fixed design and texts
This commit is contained in:
50
src/components/sections/hiw/HiwCore.vue
Normal file
50
src/components/sections/hiw/HiwCore.vue
Normal file
@@ -0,0 +1,50 @@
|
||||
<script setup>
|
||||
import Card from '@/components/ui/Card.vue'
|
||||
import CardContent from '@/components/ui/CardContent.vue'
|
||||
import { Zap, Server, FileText } from 'lucide-vue-next'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="bg-card">
|
||||
<div class="container py-24">
|
||||
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6">Core Features</h2>
|
||||
<p class="text-muted-foreground max-w-xl mx-auto">
|
||||
NoSys empowers you to create decentralized networks with full control over communication rules,
|
||||
while providing tools to easily discover and connect with peers.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
|
||||
|
||||
<Card class="border-2">
|
||||
<CardContent class="p-8 text-center">
|
||||
<div class="flex items-center justify-center mb-4">
|
||||
<FileText class="h-10 w-10 text-primary" />
|
||||
</div>
|
||||
<h3 class="font-bold mb-2">Networks</h3>
|
||||
<p class="text-sm text-muted-foreground">
|
||||
Create your own networks and define the rules for how peers communicate within them.
|
||||
You control who can join and how information flows.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card class="border-2">
|
||||
<CardContent class="p-8 text-center">
|
||||
<div class="flex items-center justify-center mb-4">
|
||||
<Server class="h-10 w-10 text-primary" />
|
||||
</div>
|
||||
<h3 class="font-bold mb-2">Rendezvous Servers</h3>
|
||||
<p class="text-sm text-muted-foreground">
|
||||
These central points help you find and connect to peers when you first join a network.
|
||||
They make peer discovery simple while keeping your interactions decentralized.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
Reference in New Issue
Block a user