mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
feat: remove Value Props section
This commit is contained in:
@@ -6,7 +6,6 @@ import { Hero } from "@/components/hero";
|
|||||||
import { HowItWorks } from "@/components/how-it-works";
|
import { HowItWorks } from "@/components/how-it-works";
|
||||||
import { Navbar } from "@/components/navbar";
|
import { Navbar } from "@/components/navbar";
|
||||||
import { OpenSource } from "@/components/open-source";
|
import { OpenSource } from "@/components/open-source";
|
||||||
import { ValueProps } from "@/components/value-props";
|
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
@@ -14,7 +13,6 @@ export default function Home() {
|
|||||||
<Navbar />
|
<Navbar />
|
||||||
<main>
|
<main>
|
||||||
<Hero />
|
<Hero />
|
||||||
<ValueProps />
|
|
||||||
<BentoGrid />
|
<BentoGrid />
|
||||||
<Enterprise />
|
<Enterprise />
|
||||||
<HowItWorks />
|
<HowItWorks />
|
||||||
|
|||||||
@@ -1,47 +0,0 @@
|
|||||||
import { Brain, Layers, Shield } from "lucide-react";
|
|
||||||
import { FadeIn } from "./fade-in";
|
|
||||||
|
|
||||||
const props = [
|
|
||||||
{
|
|
||||||
number: "01",
|
|
||||||
title: "100% Air-Gapped",
|
|
||||||
description:
|
|
||||||
"No cloud. No uploads. No telemetry. Deploy behind your firewall and process images in complete isolation.",
|
|
||||||
icon: Shield,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
number: "02",
|
|
||||||
title: "AI That Stays Local",
|
|
||||||
description:
|
|
||||||
"Background removal, upscaling, OCR, face detection. 14 AI models running entirely on your hardware.",
|
|
||||||
icon: Brain,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
number: "03",
|
|
||||||
title: "50+ Tools, One Platform",
|
|
||||||
description:
|
|
||||||
"Resize, crop, compress, watermark, convert, compose. Everything your team needs in a single self-hosted suite.",
|
|
||||||
icon: Layers,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
export function ValueProps() {
|
|
||||||
return (
|
|
||||||
<section className="bg-background-alt px-6 py-24 md:py-36">
|
|
||||||
<div className="mx-auto grid max-w-6xl gap-12 md:grid-cols-3 md:gap-16">
|
|
||||||
{props.map((prop, i) => (
|
|
||||||
<FadeIn key={prop.number} delay={i * 0.1}>
|
|
||||||
<div>
|
|
||||||
<div className="flex items-center gap-3">
|
|
||||||
<span className="text-sm font-semibold text-accent">{prop.number}</span>
|
|
||||||
<prop.icon size={20} className="text-accent" />
|
|
||||||
</div>
|
|
||||||
<h3 className="mt-3 text-xl font-bold tracking-tight md:text-2xl">{prop.title}</h3>
|
|
||||||
<p className="mt-3 leading-relaxed text-muted">{prop.description}</p>
|
|
||||||
</div>
|
|
||||||
</FadeIn>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user