Merge branch 'main' of https://github.com/NerfedJabolo/new-svrjs
This commit is contained in:
NerfedJabolo
commit
685b8cb52a
28 changed files with 976 additions and 844 deletions
7
app/(root)/blog/page.tsx
Normal file
7
app/(root)/blog/page.tsx
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import React from "react";
|
||||
|
||||
const BlogPage = () => {
|
||||
return <div>BlogPage</div>;
|
||||
};
|
||||
|
||||
export default BlogPage;
|
||||
7
app/(root)/docs/page.tsx
Normal file
7
app/(root)/docs/page.tsx
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import React from "react";
|
||||
|
||||
const Docs = () => {
|
||||
return <div>Docs</div>;
|
||||
};
|
||||
|
||||
export default Docs;
|
||||
92
app/(root)/downloads/page.tsx
Normal file
92
app/(root)/downloads/page.tsx
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
import { Button } from "@/components/ui/button";
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
TableCaption,
|
||||
TableCell,
|
||||
TableFooter,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
} from "@/components/ui/table";
|
||||
import { Download } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
const downloads = [
|
||||
{
|
||||
date: "2024-06-01",
|
||||
fileName: "SVRJS_v1.0.0.zip",
|
||||
version: "1.0.0",
|
||||
fileSize: "15MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.0.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-10",
|
||||
fileName: "SVRJS_v1.1.0.zip",
|
||||
version: "1.1.0",
|
||||
fileSize: "18MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.1.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-15",
|
||||
fileName: "SVRJS_v1.2.0.zip",
|
||||
version: "1.2.0",
|
||||
fileSize: "20MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.2.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-20",
|
||||
fileName: "SVRJS_v1.3.0.zip",
|
||||
version: "1.3.0",
|
||||
fileSize: "22MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.3.0.zip",
|
||||
},
|
||||
];
|
||||
|
||||
const DownloadPage = () => {
|
||||
return (
|
||||
<section
|
||||
id="download"
|
||||
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
||||
>
|
||||
<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
|
||||
Downloads
|
||||
</h1>
|
||||
<p className="text-lg text-muted-foreground text-start mb-4">
|
||||
Get all the latest version of SVRJS download and compiled Files here!
|
||||
</p>
|
||||
<Table>
|
||||
<TableCaption>A list of all available downloads.</TableCaption>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead className="w-[150px]">Date</TableHead>
|
||||
<TableHead>File Name</TableHead>
|
||||
<TableHead>Version</TableHead>
|
||||
<TableHead>Download Link</TableHead>
|
||||
<TableHead className="text-right">File Size</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{downloads.map((download) => (
|
||||
<TableRow key={download.fileName}>
|
||||
<TableCell className="font-medium">{download.date}</TableCell>
|
||||
<TableCell>{download.fileName}</TableCell>
|
||||
<TableCell>{download.version}</TableCell>
|
||||
<TableCell className="text-left">{download.fileSize}</TableCell>
|
||||
<TableCell className="flex items-center justify-end">
|
||||
<Link href={download.downloadLink}>
|
||||
<Button variant={"ghost"} className="">
|
||||
<Download className="w-4 h-4 mr-2" />
|
||||
Download
|
||||
</Button>
|
||||
</Link>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default DownloadPage;
|
||||
7
app/(root)/forum/page.tsx
Normal file
7
app/(root)/forum/page.tsx
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import React from "react";
|
||||
|
||||
const Forum = () => {
|
||||
return <div>Forum</div>;
|
||||
};
|
||||
|
||||
export default Forum;
|
||||
91
app/(root)/mods/page.tsx
Normal file
91
app/(root)/mods/page.tsx
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
import { Button } from "@/components/ui/button";
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
TableCaption,
|
||||
TableCell,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
} from "@/components/ui/table";
|
||||
import { Download } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
const downloads = [
|
||||
{
|
||||
date: "2024-06-01",
|
||||
fileName: "SVRJS_v1.0.0.zip",
|
||||
version: "1.0.0",
|
||||
fileSize: "15MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.0.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-10",
|
||||
fileName: "SVRJS_v1.1.0.zip",
|
||||
version: "1.1.0",
|
||||
fileSize: "18MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.1.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-15",
|
||||
fileName: "SVRJS_v1.2.0.zip",
|
||||
version: "1.2.0",
|
||||
fileSize: "20MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.2.0.zip",
|
||||
},
|
||||
{
|
||||
date: "2024-06-20",
|
||||
fileName: "SVRJS_v1.3.0.zip",
|
||||
version: "1.3.0",
|
||||
fileSize: "22MB",
|
||||
downloadLink: "/downloads/SVRJS_v1.3.0.zip",
|
||||
},
|
||||
];
|
||||
|
||||
const Mods = () => {
|
||||
return (
|
||||
<section
|
||||
id="mods"
|
||||
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
||||
>
|
||||
<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
|
||||
SvrJS Mods
|
||||
</h1>
|
||||
<p className="text-lg text-muted-foreground text-start mb-4">
|
||||
Get all the latest version of SVRJS Mods and compiled Files here!
|
||||
</p>
|
||||
<Table>
|
||||
<TableCaption>A list of all available downloads.</TableCaption>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
<TableHead className="w-[150px]">Date</TableHead>
|
||||
<TableHead>File Name</TableHead>
|
||||
<TableHead>Version</TableHead>
|
||||
<TableHead>Download Link</TableHead>
|
||||
<TableHead className="text-right">File Size</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{downloads.map((download) => (
|
||||
<TableRow key={download.fileName}>
|
||||
<TableCell className="font-medium">{download.date}</TableCell>
|
||||
<TableCell>{download.fileName}</TableCell>
|
||||
<TableCell>{download.version}</TableCell>
|
||||
<TableCell className="text-left">{download.fileSize}</TableCell>
|
||||
<TableCell className="flex items-center justify-end">
|
||||
<Link href={download.downloadLink}>
|
||||
<Button variant={"ghost"} className="">
|
||||
<Download className="w-4 h-4 mr-2" />
|
||||
Download
|
||||
</Button>
|
||||
</Link>
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
))}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Mods;
|
||||
17
app/(root)/privacy-policy/page.tsx
Normal file
17
app/(root)/privacy-policy/page.tsx
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
import React from "react";
|
||||
|
||||
const PrivacyPolicy = () => {
|
||||
return (
|
||||
<section
|
||||
id="privacy-policy"
|
||||
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
||||
>
|
||||
<h2 className="text-3xl font-bold italic underline mb-6 ">
|
||||
Privacy Policy
|
||||
</h2>
|
||||
<div className="prose prose-lg"></div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default PrivacyPolicy;
|
||||
48
app/(root)/tos/page.tsx
Normal file
48
app/(root)/tos/page.tsx
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
import React from "react";
|
||||
import { TERMS_AND_CONDITIONS } from "@/constants";
|
||||
|
||||
const TermsOfService = () => {
|
||||
const renderContent = () => {
|
||||
return TERMS_AND_CONDITIONS.split("\n").map((line, index) => {
|
||||
if (line.startsWith("**")) {
|
||||
return (
|
||||
<h3 key={index} className="text-lg lowercase italic mb-4">
|
||||
{line.replace(/\*\*/g, "")}
|
||||
</h3>
|
||||
);
|
||||
} else if (line.startsWith("*")) {
|
||||
return (
|
||||
<li key={index} className="list-disc list-inside mb-2">
|
||||
{line.replace(/\*/g, "")}
|
||||
</li>
|
||||
);
|
||||
} else if (/^\d+\./.test(line)) {
|
||||
return (
|
||||
<h4 key={index} className="text-lg font-semibold mb-2">
|
||||
{line}
|
||||
</h4>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<p key={index} className="mb-4">
|
||||
{line}
|
||||
</p>
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<section
|
||||
id="tos"
|
||||
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
||||
>
|
||||
<h2 className="text-3xl font-bold italic underline mb-6">
|
||||
Terms of Service
|
||||
</h2>
|
||||
<div className="prose prose-lg">{renderContent()}</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default TermsOfService;
|
||||
|
|
@ -60,10 +60,14 @@
|
|||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-poppins);
|
||||
user-select: text;
|
||||
overflow-x: hidden;
|
||||
overflow-x: clip;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
|
|
@ -71,7 +75,7 @@ body {
|
|||
@apply border-border;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
@apply bg-background text-foreground w-full h-full;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -88,6 +92,14 @@ body {
|
|||
@apply flex justify-between items-center;
|
||||
}
|
||||
|
||||
.flex-start {
|
||||
@apply flex justify-between items-start;
|
||||
}
|
||||
|
||||
.flex-end {
|
||||
@apply flex justify-between items-end;
|
||||
}
|
||||
|
||||
/* TYPOGRAPHY */
|
||||
/* 64 */
|
||||
.h1-bold {
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import { Poppins } from 'next/font/google';
|
|||
import './globals.css';
|
||||
import { ThemeProvider } from '@/components/shared/providers/themeprovider';
|
||||
import Navbar from '@/components/shared/Navbar';
|
||||
import Footer from '@/components/shared/Footer';
|
||||
|
||||
const poppins = Poppins({
|
||||
weight: ['400', '600', '700', '900'],
|
||||
|
|
@ -21,15 +22,18 @@ export default function RootLayout({
|
|||
}>) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<body className={poppins.className}>
|
||||
<body className={`font-sans antialiased ${poppins.className}`}>
|
||||
<ThemeProvider
|
||||
attribute="class"
|
||||
defaultTheme="dark"
|
||||
enableSystem
|
||||
disableTransitionOnChange
|
||||
>
|
||||
<main className="flex flex-col min-h-screen">
|
||||
<Navbar />
|
||||
{children}
|
||||
<div className="flex-grow flex-1">{children}</div>
|
||||
<Footer />
|
||||
</main>
|
||||
</ThemeProvider>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
19
app/not-found.tsx
Normal file
19
app/not-found.tsx
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
import Link from "next/link";
|
||||
|
||||
const NotFound = () => {
|
||||
return (
|
||||
<section id="404error" className="flex-center flex-col wrapper container">
|
||||
<h1 className="text-3xl md:text-5xl text-center">
|
||||
<span className="text-red-500">404</span> Page not Found
|
||||
</h1>
|
||||
<p className="text-lg mt-3 text-muted-foreground">
|
||||
Please return back to{" "}
|
||||
<Link href="/" className="underline font-bold">
|
||||
Home
|
||||
</Link>
|
||||
</p>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default NotFound;
|
||||
|
|
@ -1,14 +1,19 @@
|
|||
import About from '@/components/shared/About';
|
||||
import DataTable from '@/components/shared/DataTable';
|
||||
import Faq from '@/components/shared/FAQ';
|
||||
import Hero from '@/components/shared/Hero';
|
||||
import HowItWorks from '@/components/shared/HowItWorks';
|
||||
import Newsletter from '@/components/shared/Newsletter';
|
||||
import Partners from '@/components/shared/Partners';
|
||||
|
||||
const RootPage = () => {
|
||||
return (
|
||||
<>
|
||||
<Hero />
|
||||
<HowItWorks />
|
||||
<Partners />
|
||||
<About />
|
||||
{/* <DataTable /> */}
|
||||
<Newsletter />
|
||||
<Faq />
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import Statistics from "./Statistics";
|
|||
|
||||
const About = () => {
|
||||
return (
|
||||
<section id="about" className=" container py-2 sm:py-24">
|
||||
<section id="about" className="container py-2 sm:py-9">
|
||||
<div className="bg-accent/50 border rounded-lg py-12">
|
||||
<div className="px-6 flex flex-col-reverse md:flex-row gap-8 md:gap-12">
|
||||
<Image
|
||||
|
|
|
|||
11
components/shared/DataTable.tsx
Normal file
11
components/shared/DataTable.tsx
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
import React from "react";
|
||||
|
||||
const DataTable = () => {
|
||||
return (
|
||||
<section id="datatable" className="wrapper container py-2 sm:py-9">
|
||||
DataTable
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default DataTable;
|
||||
|
|
@ -13,7 +13,7 @@ const Faq = () => {
|
|||
<h2 className="text-3xl md:text-5xl font-bold mb-4 text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
|
||||
Frequently Asked Question
|
||||
</h2>
|
||||
<p className="textlg text-muted-foreground text-start mt-4 mb-8">
|
||||
<p className="text-lg text-muted-foreground text-start mt-4 mb-8">
|
||||
Find answers to common questions about SVRJS
|
||||
</p>
|
||||
<Accordion
|
||||
|
|
|
|||
|
|
@ -1,7 +1,96 @@
|
|||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
import Iconss from "../ui/icons";
|
||||
import { FOOTERLINKS } from "@/constants";
|
||||
|
||||
const Footer = () => {
|
||||
return <div>Footer</div>;
|
||||
return (
|
||||
<>
|
||||
<footer className="flex flex-col w-full transition-all bg-zinc-100 text-black dark:bg-[#0308033b] border-t dark:text-white">
|
||||
<div className="px-6 md:px-16 lg:px-32 py-10 w-full mx-auto max-w-screen-2xl">
|
||||
<div className="flex flex-col lg:flex-row justify-between max-lg:items-start max-md:items-center items-center mb-14 ">
|
||||
<div className="flex items-center mb-6 lg:mb-0">
|
||||
<Image
|
||||
src="/logo.svg"
|
||||
alt="logo"
|
||||
width={200}
|
||||
height={80}
|
||||
className="dark:block hidden"
|
||||
/>
|
||||
<Image
|
||||
src="/logodark.svg"
|
||||
alt="logo"
|
||||
width={200}
|
||||
height={80}
|
||||
className="dark:hidden block"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center md:items-start md:flex-row justify-between w-full lg:w-auto space-y-6 md:space-y-0 md:space-x-8 xl:space-x-16">
|
||||
<div className="flex flex-col items-center md:items-start">
|
||||
<div className="text-2xl font-light text-primary">
|
||||
Other Pages
|
||||
</div>
|
||||
{FOOTERLINKS.otherPages.map((link) => (
|
||||
<span key={link.href}>
|
||||
<Link
|
||||
href={link.href}
|
||||
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
<div className="flex flex-col items-center md:items-start">
|
||||
<h1 className="text-2xl font-light text-primary">Resources</h1>
|
||||
{FOOTERLINKS.plans.map((link) => (
|
||||
<span key={link.href}>
|
||||
<Link
|
||||
href={link.href}
|
||||
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
<div className="flex flex-col items-center md:items-start">
|
||||
<div className="text-2xl font-light text-primary">Social</div>
|
||||
<p className="text-base font-light">
|
||||
{FOOTERLINKS.social.supportText}
|
||||
</p>
|
||||
<div className="flex space-x-1 py-3">
|
||||
<Iconss />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t mb-6 border-gray-300 dark:border-white/30"></div>
|
||||
<div className="flex flex-col lg:flex-row justify-between items-center space-y-4 lg:space-y-0 px-4">
|
||||
<span className="text-sm font-light">
|
||||
Designed and Developed by{" "}
|
||||
<Link
|
||||
href={FOOTERLINKS.footerBottom.designedBy.href}
|
||||
className="text-primary font-semibold"
|
||||
>
|
||||
{FOOTERLINKS.footerBottom.designedBy.label}
|
||||
</Link>
|
||||
</span>
|
||||
<span className="text-sm font-light">
|
||||
All Rights Reserved{" "}
|
||||
<Link
|
||||
href={FOOTERLINKS.footerBottom.rightsReserved.href}
|
||||
className="text-primary font-semibold"
|
||||
>
|
||||
{FOOTERLINKS.footerBottom.rightsReserved.label}
|
||||
</Link>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
|
|
|
|||
|
|
@ -44,16 +44,8 @@ const Hero = () => {
|
|||
};
|
||||
|
||||
return (
|
||||
<section className="relative container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
||||
<section className="relative sm:container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
||||
<GridPattern
|
||||
squares={[
|
||||
[4, 4],
|
||||
[5, 1],
|
||||
[8, 2],
|
||||
[6, 6],
|
||||
[10, 5],
|
||||
[13, 3],
|
||||
]}
|
||||
className={cn(
|
||||
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
|
||||
"inset-x-0 inset-y-[-50%] h-[200%] opacity-30"
|
||||
|
|
@ -99,7 +91,7 @@ const Hero = () => {
|
|||
</Button>
|
||||
<p className="hidden lg:block">|</p>
|
||||
<p className="block lg:hidden">or</p>
|
||||
<Link className="w-full" href="/dashboard">
|
||||
<Link className="w-full" href="/downloads">
|
||||
<Button className="w-full">Download</Button>
|
||||
</Link>
|
||||
<div className="pointer-events-none dark:invert -scale-x-100 absolute -bottom-14 max-lg:left-0 lg:right-20 inline-flex justify-center items-center gap-1">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
"use client";
|
||||
|
||||
import { BorderBeam } from "@/components/ui/border-beam";
|
||||
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
|
|
@ -22,6 +24,8 @@ import {
|
|||
Twitter,
|
||||
} from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import Iconss from "../ui/icons";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
||||
const happyMonkey = Happy_Monkey({
|
||||
preload: true,
|
||||
|
|
@ -30,6 +34,7 @@ const happyMonkey = Happy_Monkey({
|
|||
});
|
||||
|
||||
const HeroCards = () => {
|
||||
const router = useRouter();
|
||||
const cards = {
|
||||
aboutCard: {
|
||||
description:
|
||||
|
|
@ -48,7 +53,7 @@ const HeroCards = () => {
|
|||
description:
|
||||
"Get the best features and priority support with our Pro Plan.",
|
||||
primaryButtonText: "Download SVR Now",
|
||||
onPrimaryButtonClick: () => alert("Plan chosen"),
|
||||
onPrimaryButtonClick: () => router.push("/downloads"),
|
||||
features: [
|
||||
{
|
||||
title: "Unlimited Projects",
|
||||
|
|
@ -80,7 +85,10 @@ const HeroCards = () => {
|
|||
<Card className="absolute w-[340px] -top-[15px] drop-shadow-xl shadow-black/10 dark:shadow-white/10">
|
||||
<CardHeader className="flex flex-row items-center gap-4 pb-2">
|
||||
<Avatar>
|
||||
<AvatarImage alt={""} src={"https://github.com/shadcn.png"} />
|
||||
<AvatarImage
|
||||
alt={"twitteravatar"}
|
||||
src={"https://github.com/shadcn.png"}
|
||||
/>
|
||||
<AvatarFallback>Proxy</AvatarFallback>
|
||||
</Avatar>
|
||||
<div className="flex flex-col">
|
||||
|
|
@ -106,188 +114,7 @@ const HeroCards = () => {
|
|||
<p>{cards.aboutCard.description}</p>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<Link
|
||||
href={cards.aboutCard.socialLinks.x}
|
||||
target="_blank"
|
||||
className={buttonVariants({
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
})}
|
||||
>
|
||||
<span className="sr-only">X icon</span>
|
||||
<div className="hidden dark:block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M19.0039 2.34375H22.4512L14.9219 10.9473L23.7793 22.6562H16.8457L11.4111 15.5566L5.2002 22.6562H1.74805L9.7998 13.4521L1.30859 2.34375H8.41797L13.3252 8.83301L19.0039 2.34375ZM17.793 20.5957H19.7021L7.37793 4.29688H5.32715L17.793 20.5957Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="dark:hidden block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M19.0039 2.34375H22.4512L14.9219 10.9473L23.7793 22.6562H16.8457L11.4111 15.5566L5.2002 22.6562H1.74805L9.7998 13.4521L1.30859 2.34375H8.41797L13.3252 8.83301L19.0039 2.34375ZM17.793 20.5957H19.7021L7.37793 4.29688H5.32715L17.793 20.5957Z"
|
||||
fill="black"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</Link>
|
||||
<Link
|
||||
href={cards.aboutCard.socialLinks.Mastodon}
|
||||
target="_blank"
|
||||
className={buttonVariants({
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
})}
|
||||
>
|
||||
<span className="sr-only">Mastodon icon</span>
|
||||
<div className="hidden dark:block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M24.163 8.74512C24.163 3.99903 20.6083 2.60743 20.6083 2.60743C17.1206 1.20606 7.85163 1.22071 4.39739 2.60743C4.39739 2.60743 0.842704 3.99903 0.842704 8.74512C0.842704 14.3945 0.4744 21.4111 6.73556 22.8613C8.99561 23.3838 10.9376 23.4961 12.5001 23.418C15.3349 23.2813 16.9253 22.5342 16.9253 22.5342L16.8304 20.7324C16.8304 20.7324 14.8048 21.2891 12.528 21.2256C10.2735 21.1572 7.89627 21.0107 7.52797 18.5889C7.49366 18.3639 7.47688 18.1371 7.47775 17.9102C12.2545 18.9307 16.3338 18.3545 17.4554 18.2373C20.586 17.9102 23.3148 16.2207 23.6608 14.6777C24.2077 12.2461 24.163 8.74512 24.163 8.74512ZM19.9722 14.8584H17.3717V9.28223C17.3717 6.85548 13.8003 6.7627 13.8003 9.61915V12.6709H11.2166V9.61915C11.2166 6.7627 7.64516 6.85548 7.64516 9.28223V14.8584H5.03355C5.03355 8.89649 4.74337 7.63673 6.06034 6.31348C7.50565 4.90235 10.5135 4.80958 11.8527 6.61134L12.5001 7.56348L13.1474 6.61134C14.4923 4.79981 17.5057 4.91212 18.9398 6.31348C20.2623 7.64649 19.9666 8.90137 19.9666 14.8584H19.9722Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="dark:hidden block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M24.163 8.74512C24.163 3.99903 20.6083 2.60743 20.6083 2.60743C17.1206 1.20606 7.85163 1.22071 4.39739 2.60743C4.39739 2.60743 0.842704 3.99903 0.842704 8.74512C0.842704 14.3945 0.4744 21.4111 6.73556 22.8613C8.99561 23.3838 10.9376 23.4961 12.5001 23.418C15.3349 23.2813 16.9253 22.5342 16.9253 22.5342L16.8304 20.7324C16.8304 20.7324 14.8048 21.2891 12.528 21.2256C10.2735 21.1572 7.89627 21.0107 7.52797 18.5889C7.49366 18.3639 7.47688 18.1371 7.47775 17.9102C12.2545 18.9307 16.3338 18.3545 17.4554 18.2373C20.586 17.9102 23.3148 16.2207 23.6608 14.6777C24.2077 12.2461 24.163 8.74512 24.163 8.74512ZM19.9722 14.8584H17.3717V9.28223C17.3717 6.85548 13.8003 6.7627 13.8003 9.61915V12.6709H11.2166V9.61915C11.2166 6.7627 7.64516 6.85548 7.64516 9.28223V14.8584H5.03355C5.03355 8.89649 4.74337 7.63673 6.06034 6.31348C7.50565 4.90235 10.5135 4.80958 11.8527 6.61134L12.5001 7.56348L13.1474 6.61134C14.4923 4.79981 17.5057 4.91212 18.9398 6.31348C20.2623 7.64649 19.9666 8.90137 19.9666 14.8584H19.9722Z"
|
||||
fill="black"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href={cards.aboutCard.socialLinks.Bluesky}
|
||||
target="_blank"
|
||||
className={buttonVariants({
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
})}
|
||||
>
|
||||
<span className="sr-only">Bluesky icon</span>
|
||||
<div className="dark:hidden block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 576 512"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_47_8)">
|
||||
<path
|
||||
d="M407.8 294.7C404.5 294.3 401.1 293.9 397.8 293.4C401.2 293.8 404.5 294.3 407.8 294.7ZM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6 -9.40003 37.5 -1.70003 21.6 5.49997C3.3 13.8 0 41.9 0 58.4C0 74.9 9.1 194 15 213.9C34.5 279.6 104.1 301.8 168.2 294.6C171.5 294.1 174.8 293.7 178.2 293.2C174.9 293.7 171.6 294.2 168.2 294.6C74.3 308.6 -9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1C310.9 437.8 337.2 583.6 473.6 464.5C576 361.1 501.7 308.5 407.8 294.6C404.5 294.2 401.1 293.8 397.8 293.3C401.2 293.7 404.5 294.2 407.8 294.6C471.9 301.7 541.4 279.5 561 213.9C566.9 194 576 75 576 58.4C576 41.8 572.7 13.7 554.4 5.49997C538.6 -1.60003 514.4 -9.40003 451.2 35.3C385.1 81.9 314.1 176.4 288 227.1Z"
|
||||
fill="black"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_47_8">
|
||||
<rect width="576" height="512" fill="black" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="hidden dark:block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 576 512"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_47_8)">
|
||||
<path
|
||||
d="M407.8 294.7C404.5 294.3 401.1 293.9 397.8 293.4C401.2 293.8 404.5 294.3 407.8 294.7ZM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6 -9.40003 37.5 -1.70003 21.6 5.49997C3.3 13.8 0 41.9 0 58.4C0 74.9 9.1 194 15 213.9C34.5 279.6 104.1 301.8 168.2 294.6C171.5 294.1 174.8 293.7 178.2 293.2C174.9 293.7 171.6 294.2 168.2 294.6C74.3 308.6 -9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1C310.9 437.8 337.2 583.6 473.6 464.5C576 361.1 501.7 308.5 407.8 294.6C404.5 294.2 401.1 293.8 397.8 293.3C401.2 293.7 404.5 294.2 407.8 294.6C471.9 301.7 541.4 279.5 561 213.9C566.9 194 576 75 576 58.4C576 41.8 572.7 13.7 554.4 5.49997C538.6 -1.60003 514.4 -9.40003 451.2 35.3C385.1 81.9 314.1 176.4 288 227.1Z"
|
||||
fill="white"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_47_8">
|
||||
<rect width="576" height="512" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href={cards.aboutCard.socialLinks.Odysee}
|
||||
target="_blank"
|
||||
className={buttonVariants({
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
})}
|
||||
>
|
||||
<span className="sr-only">Odysee icon</span>
|
||||
<div className="hidden dark:block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_47_10)">
|
||||
<path
|
||||
d="M19.8584 22.6074C17.793 24.1113 15.249 25 12.5 25C7.0752 25 2.45605 21.543 0.727539 16.709C0.844727 16.792 1.01562 16.8848 1.11328 16.9238C1.90918 17.2852 3.07129 16.6602 4.18457 15.5225C4.52148 15.1855 4.8877 14.917 5.29785 14.6777C6.19141 14.0967 7.13379 13.6621 8.14941 13.3496C8.14941 13.3496 9.23828 15.0195 10.2539 17.002C11.2695 18.9844 9.16504 19.6387 8.92578 19.6387C8.91113 19.6387 8.88672 19.6387 8.85254 19.6338C8.31543 19.6094 5.43457 19.4873 6.11816 22.1289C6.8457 24.9316 10.8789 23.916 12.9346 22.5635C14.9902 21.2109 14.4824 16.7871 14.4824 16.7871C16.4893 16.4746 17.1191 18.5986 17.3096 19.6875C17.3486 19.9121 17.3633 20.1709 17.3779 20.4443C17.4316 21.4795 17.4902 22.6709 19.1016 22.71C19.3604 22.71 19.6191 22.6709 19.8584 22.6123V22.6074ZM15.2051 21.4502C15.1074 21.4258 15.0342 21.3281 15.0586 21.2061C15.1074 21.084 15.2051 21.0352 15.3027 21.0596C15.4004 21.084 15.4736 21.2061 15.4492 21.3037C15.4248 21.4014 15.3271 21.4746 15.2051 21.4502ZM5.09766 16.7822C5.1709 16.7578 5.26855 16.8311 5.29297 16.9287C5.29297 17.0264 5.24414 17.124 5.14648 17.124C5.07324 17.1484 4.97559 17.0752 4.95117 16.9775C4.92676 16.9043 5 16.8066 5.09766 16.7822ZM22.0605 20.5566C23.8916 18.3789 25 15.5664 25 12.5C25 9.2041 23.7256 6.20605 21.6406 3.96973C21.6357 5.11719 21.3428 6.32324 20.8203 7.34863C20.2393 8.33984 18.4277 10.2246 17.4121 11.1914C17.3779 11.2061 17.3584 11.2354 17.3389 11.2598C17.3291 11.2695 17.3242 11.2793 17.3145 11.2891C17.0703 11.626 17.1191 12.1094 17.4609 12.3535C18.501 13.125 20.2148 14.5801 20.3613 15.9082C20.5322 17.6123 21.7236 19.5996 22.0313 20.1172C22.0703 20.1807 22.0947 20.2197 22.0996 20.2344C22.0996 20.3418 22.0801 20.4443 22.0605 20.5518V20.5566ZM19.0771 12.2559C19.0527 12.4023 19.126 12.5439 19.2725 12.5684C19.4189 12.5928 19.5605 12.5195 19.585 12.373C19.6094 12.2266 19.5361 12.085 19.3896 12.0605C19.2432 12.0117 19.1016 12.1094 19.0771 12.2559ZM22.0752 9.28223L21.5186 9.5459L21.3721 10.1758L21.1084 9.61914L20.4785 9.47266L21.0352 9.20898L21.1816 8.5791L21.4453 9.13574L22.0752 9.28223ZM19.3115 2.0166C18.5205 2.41699 18.2324 3.61816 17.8955 5.01465C17.8809 5.08301 17.8613 5.15137 17.8467 5.21973C17.3828 7.09961 16.3525 7.05566 15.8105 7.03613C15.7568 7.03613 15.7129 7.03125 15.6689 7.03125C15.4199 7.03125 15.376 6.83594 15.2344 6.19629C15.1074 5.60547 14.8975 4.63379 14.3604 3.09082C13.252 -0.12207 10.3223 0.678711 8.10059 2.00684C5.40039 3.62305 6.4209 6.98242 7.13379 9.30176C7.16797 9.40918 7.20215 9.5166 7.23145 9.62402C7.03613 9.81934 6.55762 9.99023 5.96191 10.2051C5.37109 10.415 4.66309 10.6689 3.99414 11.0303C2.33887 11.9092 0.561523 13.4229 0.0976562 14.0869C0.0341797 13.5645 0 13.0371 0 12.5C0 5.5957 5.5957 0 12.5 0C15.0098 0 17.3535 0.742187 19.3115 2.0166ZM2.87598 9.25781C2.80273 9.16016 2.65625 9.11133 2.56348 9.18457C2.4707 9.25781 2.41699 9.4043 2.49023 9.49707C2.56348 9.58984 2.70996 9.64355 2.80273 9.57031C2.9248 9.49707 2.94922 9.35059 2.87598 9.25781ZM15.9814 3.16895C16.0791 3.0957 16.2256 3.14453 16.2939 3.24219C16.3672 3.36426 16.3428 3.50586 16.2207 3.55469C16.123 3.62793 15.9766 3.5791 15.9082 3.48145C15.8398 3.38379 15.8838 3.2373 15.9814 3.16895ZM4.64355 5.12695C4.61914 5.2002 4.66797 5.27344 4.74121 5.27344C4.81445 5.29785 4.8877 5.24902 4.8877 5.17578C4.91211 5.10254 4.86328 5.0293 4.79004 5.0293C4.7168 5.0293 4.64355 5.05371 4.64355 5.12695ZM8.7793 5.10254C8.6084 2.99805 10.5908 2.46582 10.5908 2.46582C12.7441 1.71387 13.3252 2.75391 13.833 4.30176C14.3408 5.84961 13.9795 6.38184 11.9482 7.17773C9.91699 7.97363 8.92578 6.95801 8.7793 5.09766V5.10254ZM13.1543 5.83008H13.2031C13.3252 5.83008 13.4473 5.73242 13.4473 5.58594C13.5449 5.24902 13.4961 4.88281 13.3496 4.57031C13.2764 4.47266 13.1543 4.39941 13.0371 4.44824C12.8906 4.49707 12.8174 4.64355 12.8662 4.78516C12.9639 5.00488 13.0127 5.26855 12.9395 5.5127C12.915 5.65918 13.0127 5.80078 13.1592 5.8252L13.1543 5.83008ZM12.6709 3.79883C12.5732 3.79883 12.4756 3.75 12.4268 3.65234C12.3779 3.55469 12.3291 3.48145 12.2803 3.4082C12.1826 3.31055 12.1826 3.14453 12.2803 3.04688C12.3779 2.94922 12.5439 2.94922 12.6416 3.04688C12.7393 3.16895 12.8125 3.29102 12.8857 3.4082C12.959 3.52539 12.9102 3.69629 12.7637 3.76953C12.7344 3.76953 12.7148 3.7793 12.7002 3.78418C12.6904 3.78906 12.6807 3.79395 12.6709 3.79395V3.79883Z"
|
||||
fill="white"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_47_10">
|
||||
<rect width="25" height="25" fill="black" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="dark:hidden block">
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_47_10)">
|
||||
<path
|
||||
d="M19.8584 22.6074C17.793 24.1113 15.249 25 12.5 25C7.0752 25 2.45605 21.543 0.727539 16.709C0.844727 16.792 1.01562 16.8848 1.11328 16.9238C1.90918 17.2852 3.07129 16.6602 4.18457 15.5225C4.52148 15.1855 4.8877 14.917 5.29785 14.6777C6.19141 14.0967 7.13379 13.6621 8.14941 13.3496C8.14941 13.3496 9.23828 15.0195 10.2539 17.002C11.2695 18.9844 9.16504 19.6387 8.92578 19.6387C8.91113 19.6387 8.88672 19.6387 8.85254 19.6338C8.31543 19.6094 5.43457 19.4873 6.11816 22.1289C6.8457 24.9316 10.8789 23.916 12.9346 22.5635C14.9902 21.2109 14.4824 16.7871 14.4824 16.7871C16.4893 16.4746 17.1191 18.5986 17.3096 19.6875C17.3486 19.9121 17.3633 20.1709 17.3779 20.4443C17.4316 21.4795 17.4902 22.6709 19.1016 22.71C19.3604 22.71 19.6191 22.6709 19.8584 22.6123V22.6074ZM15.2051 21.4502C15.1074 21.4258 15.0342 21.3281 15.0586 21.2061C15.1074 21.084 15.2051 21.0352 15.3027 21.0596C15.4004 21.084 15.4736 21.2061 15.4492 21.3037C15.4248 21.4014 15.3271 21.4746 15.2051 21.4502ZM5.09766 16.7822C5.1709 16.7578 5.26855 16.8311 5.29297 16.9287C5.29297 17.0264 5.24414 17.124 5.14648 17.124C5.07324 17.1484 4.97559 17.0752 4.95117 16.9775C4.92676 16.9043 5 16.8066 5.09766 16.7822ZM22.0605 20.5566C23.8916 18.3789 25 15.5664 25 12.5C25 9.2041 23.7256 6.20605 21.6406 3.96973C21.6357 5.11719 21.3428 6.32324 20.8203 7.34863C20.2393 8.33984 18.4277 10.2246 17.4121 11.1914C17.3779 11.2061 17.3584 11.2354 17.3389 11.2598C17.3291 11.2695 17.3242 11.2793 17.3145 11.2891C17.0703 11.626 17.1191 12.1094 17.4609 12.3535C18.501 13.125 20.2148 14.5801 20.3613 15.9082C20.5322 17.6123 21.7236 19.5996 22.0313 20.1172C22.0703 20.1807 22.0947 20.2197 22.0996 20.2344C22.0996 20.3418 22.0801 20.4443 22.0605 20.5518V20.5566ZM19.0771 12.2559C19.0527 12.4023 19.126 12.5439 19.2725 12.5684C19.4189 12.5928 19.5605 12.5195 19.585 12.373C19.6094 12.2266 19.5361 12.085 19.3896 12.0605C19.2432 12.0117 19.1016 12.1094 19.0771 12.2559ZM22.0752 9.28223L21.5186 9.5459L21.3721 10.1758L21.1084 9.61914L20.4785 9.47266L21.0352 9.20898L21.1816 8.5791L21.4453 9.13574L22.0752 9.28223ZM19.3115 2.0166C18.5205 2.41699 18.2324 3.61816 17.8955 5.01465C17.8809 5.08301 17.8613 5.15137 17.8467 5.21973C17.3828 7.09961 16.3525 7.05566 15.8105 7.03613C15.7568 7.03613 15.7129 7.03125 15.6689 7.03125C15.4199 7.03125 15.376 6.83594 15.2344 6.19629C15.1074 5.60547 14.8975 4.63379 14.3604 3.09082C13.252 -0.12207 10.3223 0.678711 8.10059 2.00684C5.40039 3.62305 6.4209 6.98242 7.13379 9.30176C7.16797 9.40918 7.20215 9.5166 7.23145 9.62402C7.03613 9.81934 6.55762 9.99023 5.96191 10.2051C5.37109 10.415 4.66309 10.6689 3.99414 11.0303C2.33887 11.9092 0.561523 13.4229 0.0976562 14.0869C0.0341797 13.5645 0 13.0371 0 12.5C0 5.5957 5.5957 0 12.5 0C15.0098 0 17.3535 0.742187 19.3115 2.0166ZM2.87598 9.25781C2.80273 9.16016 2.65625 9.11133 2.56348 9.18457C2.4707 9.25781 2.41699 9.4043 2.49023 9.49707C2.56348 9.58984 2.70996 9.64355 2.80273 9.57031C2.9248 9.49707 2.94922 9.35059 2.87598 9.25781ZM15.9814 3.16895C16.0791 3.0957 16.2256 3.14453 16.2939 3.24219C16.3672 3.36426 16.3428 3.50586 16.2207 3.55469C16.123 3.62793 15.9766 3.5791 15.9082 3.48145C15.8398 3.38379 15.8838 3.2373 15.9814 3.16895ZM4.64355 5.12695C4.61914 5.2002 4.66797 5.27344 4.74121 5.27344C4.81445 5.29785 4.8877 5.24902 4.8877 5.17578C4.91211 5.10254 4.86328 5.0293 4.79004 5.0293C4.7168 5.0293 4.64355 5.05371 4.64355 5.12695ZM8.7793 5.10254C8.6084 2.99805 10.5908 2.46582 10.5908 2.46582C12.7441 1.71387 13.3252 2.75391 13.833 4.30176C14.3408 5.84961 13.9795 6.38184 11.9482 7.17773C9.91699 7.97363 8.92578 6.95801 8.7793 5.09766V5.10254ZM13.1543 5.83008H13.2031C13.3252 5.83008 13.4473 5.73242 13.4473 5.58594C13.5449 5.24902 13.4961 4.88281 13.3496 4.57031C13.2764 4.47266 13.1543 4.39941 13.0371 4.44824C12.8906 4.49707 12.8174 4.64355 12.8662 4.78516C12.9639 5.00488 13.0127 5.26855 12.9395 5.5127C12.915 5.65918 13.0127 5.80078 13.1592 5.8252L13.1543 5.83008ZM12.6709 3.79883C12.5732 3.79883 12.4756 3.75 12.4268 3.65234C12.3779 3.55469 12.3291 3.48145 12.2803 3.4082C12.1826 3.31055 12.1826 3.14453 12.2803 3.04688C12.3779 2.94922 12.5439 2.94922 12.6416 3.04688C12.7393 3.16895 12.8125 3.29102 12.8857 3.4082C12.959 3.52539 12.9102 3.69629 12.7637 3.76953C12.7344 3.76953 12.7148 3.7793 12.7002 3.78418C12.6904 3.78906 12.6807 3.79395 12.6709 3.79395V3.79883Z"
|
||||
fill="black"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_47_10">
|
||||
<rect width="25" height="25" fill="black" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</Link>
|
||||
<Iconss />
|
||||
</CardFooter>
|
||||
<BorderBeam className="-z-10" />
|
||||
</Card>
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ const Navbar = () => {
|
|||
key={label}
|
||||
href={href}
|
||||
target={target}
|
||||
className={`text-[18px] tracking-tight ${
|
||||
className={`text-[17px] tracking-tight ${
|
||||
pathname == href ? 'bg-accent/40' : ''
|
||||
} ${buttonVariants({
|
||||
variant: 'ghost',
|
||||
|
|
@ -67,8 +67,9 @@ const Navbar = () => {
|
|||
href={href}
|
||||
target={target}
|
||||
className={`border ${buttonVariants({
|
||||
variant: "ghost",
|
||||
})} px-0 w-11`}
|
||||
variant: 'ghost',
|
||||
size: 'icon',
|
||||
})}`}
|
||||
>
|
||||
<Image
|
||||
src="/next.svg"
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ const Newsletter = () => {
|
|||
</p>
|
||||
<form
|
||||
className="relative flex flex-col w-full md:flex-row md:w-6/12 lg:w-4/12 mx-auto gap-4 md:gap-2"
|
||||
aria-label="Email Information"
|
||||
onSubmit={handleSubmit}
|
||||
>
|
||||
<Input placeholder="example@subscribe.com"></Input>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,46 @@
|
|||
"use client";
|
||||
import React from "react";
|
||||
import { Button } from "../ui/button";
|
||||
import { ArrowUpRight } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
||||
const Partners = () => {
|
||||
return <div>Partners</div>;
|
||||
const router = useRouter();
|
||||
const handleClick = () => {
|
||||
router.push("/docs");
|
||||
};
|
||||
return (
|
||||
<section
|
||||
id="partners"
|
||||
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
||||
>
|
||||
<h2 className="text-3xl md:text-5xl font-bold mb-6 text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
|
||||
SVRJS in action
|
||||
</h2>
|
||||
<div className="w-full flex-start flex-row">
|
||||
<div className="flex max-md:flex-col items-center justify-start gap-4">
|
||||
<h2 className="text-lg font-medium bg-accent/60 px-2 py-2 rounded-md">
|
||||
Process of setting up a WordPress website running on SVR.JS.
|
||||
</h2>
|
||||
<Button
|
||||
onClick={handleClick}
|
||||
className="flex-center font-bold max-md:w-full max-w-xl"
|
||||
>
|
||||
Docs <ArrowUpRight />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<video
|
||||
src="/svgaction.mp4"
|
||||
className="rounded-xl aspect-video bg-[#09090b]"
|
||||
controls
|
||||
poster="/poster.svg"
|
||||
></video>
|
||||
<hr className="w-full h-1" />
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Partners;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
117
components/ui/table.tsx
Normal file
117
components/ui/table.tsx
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const Table = React.forwardRef<
|
||||
HTMLTableElement,
|
||||
React.HTMLAttributes<HTMLTableElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div className="relative w-full overflow-auto">
|
||||
<table
|
||||
ref={ref}
|
||||
className={cn("w-full caption-bottom text-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
</div>
|
||||
))
|
||||
Table.displayName = "Table"
|
||||
|
||||
const TableHeader = React.forwardRef<
|
||||
HTMLTableSectionElement,
|
||||
React.HTMLAttributes<HTMLTableSectionElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
|
||||
))
|
||||
TableHeader.displayName = "TableHeader"
|
||||
|
||||
const TableBody = React.forwardRef<
|
||||
HTMLTableSectionElement,
|
||||
React.HTMLAttributes<HTMLTableSectionElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<tbody
|
||||
ref={ref}
|
||||
className={cn("[&_tr:last-child]:border-0", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableBody.displayName = "TableBody"
|
||||
|
||||
const TableFooter = React.forwardRef<
|
||||
HTMLTableSectionElement,
|
||||
React.HTMLAttributes<HTMLTableSectionElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<tfoot
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableFooter.displayName = "TableFooter"
|
||||
|
||||
const TableRow = React.forwardRef<
|
||||
HTMLTableRowElement,
|
||||
React.HTMLAttributes<HTMLTableRowElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<tr
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableRow.displayName = "TableRow"
|
||||
|
||||
const TableHead = React.forwardRef<
|
||||
HTMLTableCellElement,
|
||||
React.ThHTMLAttributes<HTMLTableCellElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<th
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableHead.displayName = "TableHead"
|
||||
|
||||
const TableCell = React.forwardRef<
|
||||
HTMLTableCellElement,
|
||||
React.TdHTMLAttributes<HTMLTableCellElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<td
|
||||
ref={ref}
|
||||
className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableCell.displayName = "TableCell"
|
||||
|
||||
const TableCaption = React.forwardRef<
|
||||
HTMLTableCaptionElement,
|
||||
React.HTMLAttributes<HTMLTableCaptionElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<caption
|
||||
ref={ref}
|
||||
className={cn("mt-4 text-sm text-muted-foreground", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
TableCaption.displayName = "TableCaption"
|
||||
|
||||
export {
|
||||
Table,
|
||||
TableHeader,
|
||||
TableBody,
|
||||
TableFooter,
|
||||
TableHead,
|
||||
TableRow,
|
||||
TableCell,
|
||||
TableCaption,
|
||||
}
|
||||
|
|
@ -19,7 +19,7 @@ export const NAVBAR = {
|
|||
},
|
||||
{
|
||||
href: "/blog",
|
||||
target: "_blank",
|
||||
target: "_self",
|
||||
label: "Blog",
|
||||
},
|
||||
],
|
||||
|
|
@ -27,7 +27,7 @@ export const NAVBAR = {
|
|||
{
|
||||
label: "Git",
|
||||
target: "_blank",
|
||||
href: "https://github.com/",
|
||||
href: "https://git.svrjs.org/",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
|
@ -113,6 +113,156 @@ export const questions = [
|
|||
key: "item-6",
|
||||
question: "How can I use SVR.JS?",
|
||||
answer:
|
||||
"You can <a href='/docs' className='text-white'>read its documentation</a> to learn how to use the SVR.JS web server.",
|
||||
"You can read the documents to learn how to use the SVR.JS web server.",
|
||||
},
|
||||
];
|
||||
|
||||
export const FOOTERLINKS = {
|
||||
otherPages: [
|
||||
{ href: "/", label: "Home" },
|
||||
{ href: "/contact", label: "Contact" },
|
||||
{ href: "/blog", label: "Blog" },
|
||||
{ href: "/forum", label: "Forum" },
|
||||
],
|
||||
plans: [
|
||||
{ href: "/docs", label: "Docs" },
|
||||
{ href: "/downloads", label: "Downloads" },
|
||||
{ href: "/tos", label: "Terms of Serivce" },
|
||||
{ href: "/privacy-policy", label: "Privacy Policy" },
|
||||
],
|
||||
social: {
|
||||
supportText: "Support Us on Socials",
|
||||
},
|
||||
footerBottom: {
|
||||
designedBy: {
|
||||
href: "https://abhijee.com",
|
||||
label: "Proxy",
|
||||
},
|
||||
rightsReserved: {
|
||||
href: "https://cyprostudio.com",
|
||||
label: "SVRJS",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const TERMS_AND_CONDITIONS = `
|
||||
Last updated: 24.04.2024
|
||||
|
||||
1. Introduction
|
||||
Welcome to SVR.JS (“Company”, “we”, “our”, “us”)!
|
||||
|
||||
*These Terms of Service (“Terms”, “Terms of Service”) govern your use of our website located at svrjs.org (together or individually “Service”) operated by SVR.JS.*
|
||||
|
||||
**Our Privacy Policy also governs your use of our Service and explains how we collect, safeguard and disclose information that results from your use of our web pages.**
|
||||
|
||||
Your agreement with us includes these Terms and our Privacy Policy (“Agreements”). You acknowledge that you have read and understood Agreements, and agree to be bound of them.
|
||||
|
||||
If you do not agree with (or cannot comply with) Agreements, then you may not use the Service, but please let us know by emailing at support[at]svrjs[dot]org so we can try to find a solution. These Terms apply to all visitors, users and others who wish to access or use Service.
|
||||
|
||||
2. Content
|
||||
Content found on or through this Service are the property of SVR.JS or used with permission. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said Content, whether in whole or in part, for commercial purposes or for personal gain, unless stated otherwise.
|
||||
|
||||
3. Prohibited Uses
|
||||
You may use Service only for lawful purposes and in accordance with Terms. You agree not to use Service:
|
||||
|
||||
* In any way that violates any applicable national or international law or regulation.
|
||||
* For the purpose of exploiting, harming, or attempting to exploit or harm minors in any way by exposing them to inappropriate content or otherwise.
|
||||
* To transmit, or procure the sending of, any advertising or promotional material, including any “junk mail”, “chain letter,” “spam,” or any other similar solicitation.
|
||||
* To impersonate or attempt to impersonate Company, a Company employee, another user, or any other person or entity.
|
||||
* In any way that infringes upon the rights of others, or in any way is illegal, threatening, fraudulent, or harmful, or in connection with any unlawful, illegal, fraudulent, or harmful purpose or activity.
|
||||
* To engage in any other conduct that restricts or inhibits anyone’s use or enjoyment of Service, or which, as determined by us, may harm or offend Company or users of Service or expose them to liability.
|
||||
|
||||
Additionally, you agree not to:
|
||||
|
||||
* Use Service in any manner that could disable, overburden, damage, or impair Service or interfere with any other party’s use of Service, including their ability to engage in real time activities through Service.
|
||||
* Use any robot, spider, or other automatic device, process, or means to access Service for any purpose, including monitoring or copying any of the material on Service.
|
||||
* Use any manual process to monitor or copy any of the material on Service or for any other unauthorized purpose without our prior written consent.
|
||||
* Use any device, software, or routine that interferes with the proper working of Service.
|
||||
* Introduce any viruses, trojan horses, worms, logic bombs, or other material which is malicious or technologically harmful.
|
||||
* Attempt to gain unauthorized access to, interfere with, damage, or disrupt any parts of Service, the server on which Service is stored, or any server, computer, or database connected to Service.
|
||||
* Attack Service via a denial-of-service attack or a distributed denial-of-service attack.
|
||||
* Take any action that may damage or falsify Company rating.
|
||||
* Otherwise attempt to interfere with the proper working of Service.
|
||||
|
||||
4. Analytics
|
||||
We may use third-party Service Providers to monitor and analyze the use of our Service.
|
||||
|
||||
5. Intellectual Property
|
||||
Service and its original content (excluding Content provided by users), features and functionality are and will remain the exclusive property of SVR.JS and its licensors. Service is protected by copyright, trademark, and other laws of and foreign countries. Our trademarks may not be used in connection with any product or service without the prior written consent of SVR.JS.
|
||||
|
||||
6. Copyright Policy
|
||||
We respect the intellectual property rights of others. It is our policy to respond to any claim that Content posted on Service infringes on the copyright or other intellectual property rights (“Infringement”) of any person or entity.
|
||||
|
||||
If you are a copyright owner, or authorized on behalf of one, and you believe that the copyrighted work has been copied in a way that constitutes copyright infringement, please submit your claim via email to support[at]svrjs[dot]org, with the subject line: “Copyright Infringement” and include in your claim a detailed description of the alleged Infringement as detailed below, under “DMCA Notice and Procedure for Copyright Infringement Claims”
|
||||
|
||||
You may be held accountable for damages (including costs and attorneys’ fees) for misrepresentation or bad-faith claims on the infringement of any Content found on and/or through Service on your copyright.
|
||||
|
||||
7. DMCA Notice and Procedure for Copyright Infringement Claims
|
||||
You may submit a notification pursuant to the Digital Millennium Copyright Act (DMCA) by providing our Copyright Agent with the following information in writing (see 17 U.S.C 512(c)(3) for further detail):
|
||||
|
||||
* An electronic or physical signature of the person authorized to act on behalf of the owner of the copyright’s interest;
|
||||
* A description of the copyrighted work that you claim has been infringed, including the URL (i.e., web page address) of the location where the copyrighted work exists or a copy of the copyrighted work;
|
||||
* Identification of the URL or other specific location on Service where the material that you claim is infringing is located;
|
||||
* Your address, telephone number, and email address;
|
||||
* A statement by you that you have a good faith belief that the disputed use is not authorized by the copyright owner, its agent, or the law;
|
||||
* A statement by you, made under penalty of perjury, that the above information in your notice is accurate and that you are the copyright owner or authorized to act on the copyright owner’s behalf.
|
||||
|
||||
You can contact our Copyright Agent via email at dorian[dot]niemiec[at]svrjs[dot]org.
|
||||
|
||||
8. Error Reporting and Feedback
|
||||
You may provide us either directly at support[at]svrjs[dot]org or via third party sites and tools with information and feedback concerning errors, suggestions for improvements, ideas, problems, complaints, and other matters related to our Service (“Feedback”). You acknowledge and agree that: (i) you shall not retain, acquire or assert any intellectual property right or other right, title or interest in or to the Feedback; (ii) Company may have development ideas similar to the Feedback; (iii) Feedback does not contain confidential information or proprietary information from you or any third party; and (iv) Company is not under any obligation of confidentiality with respect to the Feedback. In the event the transfer of the ownership to the Feedback is not possible due to applicable mandatory laws, you grant Company and its affiliates an exclusive, transferable, irrevocable, free-of-charge, sub-licensable, unlimited and perpetual right to use (including copy, modify, create derivative works, publish, distribute and commercialize) Feedback in any manner and for any purpose.
|
||||
|
||||
9. Links To Other Web Sites
|
||||
Our Service may contain links to third party web sites or services that are not owned or controlled by SVR.JS.
|
||||
|
||||
SVR.JS has no control over, and assumes no responsibility for the content, privacy policies, or practices of any third party web sites or services. We do not warrant the offerings of any of these entities/individuals or their websites.
|
||||
|
||||
**YOU ACKNOWLEDGE AND AGREE THAT COMPANY SHALL NOT BE RESPONSIBLE OR LIABLE, DIRECTLY OR INDIRECTLY, FOR ANY DAMAGE OR LOSS CAUSED OR ALLEGED TO BE CAUSED BY OR IN CONNECTION WITH USE OF OR RELIANCE ON ANY SUCH CONTENT, GOODS OR SERVICES AVAILABLE ON OR THROUGH ANY SUCH THIRD PARTY WEB SITES OR SERVICES.**
|
||||
|
||||
**WE STRONGLY ADVISE YOU TO READ THE TERMS OF SERVICE AND PRIVACY POLICIES OF ANY THIRD PARTY WEB SITES OR SERVICES THAT YOU VISIT.**
|
||||
|
||||
10. Disclaimer Of Warranty
|
||||
**THESE SERVICES ARE PROVIDED BY COMPANY ON AN “AS IS” AND “AS AVAILABLE” BASIS. COMPANY MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND, EXPRESS OR IMPLIED, AS TO THE OPERATION OF THEIR SERVICES, OR THE INFORMATION, CONTENT OR MATERIALS INCLUDED THEREIN. YOU EXPRESSLY AGREE THAT YOUR USE OF THESE SERVICES, THEIR CONTENT, AND ANY SERVICES OR ITEMS OBTAINED FROM US IS AT YOUR SOLE RISK.**
|
||||
|
||||
**NEITHER COMPANY NOR ANY PERSON ASSOCIATED WITH COMPANY MAKES ANY WARRANTY OR REPRESENTATION WITH RESPECT TO THE COMPLETENESS, SECURITY, RELIABILITY, QUALITY, ACCURACY, OR AVAILABILITY OF THE SERVICES. WITHOUT LIMITING THE FOREGOING, NEITHER COMPANY NOR ANYONE ASSOCIATED WITH COMPANY REPRESENTS OR WARRANTS THAT THE SERVICES, THEIR CONTENT, OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE SERVICES WILL BE ACCURATE, RELIABLE, ERROR-FREE, OR UNINTERRUPTED, THAT DEFECTS WILL BE CORRECTED, THAT THE SERVICES OR THE SERVER THAT MAKES IT AVAILABLE ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS OR THAT THE SERVICES OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE SERVICES WILL OTHERWISE MEET YOUR NEEDS OR EXPECTATIONS.**
|
||||
|
||||
**COMPANY HEREBY DISCLAIMS ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED, STATUTORY, OR OTHERWISE, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, NON-INFRINGEMENT, AND FITNESS FOR PARTICULAR PURPOSE.**
|
||||
|
||||
**THE FOREGOING DOES NOT AFFECT ANY WARRANTIES WHICH CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW.**
|
||||
|
||||
11. Limitation Of Liability
|
||||
**EXCEPT AS PROHIBITED BY LAW, YOU WILL HOLD US AND OUR OFFICERS, DIRECTORS, EMPLOYEES, AND AGENTS HARMLESS FOR ANY INDIRECT, PUNITIVE, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGE, HOWEVER IT ARISES (INCLUDING ATTORNEYS’ FEES AND ALL RELATED COSTS AND EXPENSES OF LITIGATION AND ARBITRATION, OR AT TRIAL OR ON APPEAL, IF ANY, WHETHER OR NOT LITIGATION OR ARBITRATION IS INSTITUTED), WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE, OR OTHER TORTIOUS ACTION, OR ARISING OUT OF OR IN CONNECTION WITH THIS AGREEMENT, INCLUDING WITHOUT LIMITATION ANY CLAIM FOR PERSONAL INJURY OR PROPERTY DAMAGE, ARISING FROM THIS AGREEMENT AND ANY VIOLATION BY YOU OF ANY FEDERAL, STATE, OR LOCAL LAWS, STATUTES, RULES, OR REGULATIONS, EVEN IF COMPANY HAS BEEN PREVIOUSLY ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. EXCEPT AS PROHIBITED BY LAW, IF THERE IS LIABILITY FOUND ON THE PART OF COMPANY, IT WILL BE LIMITED TO THE AMOUNT PAID FOR THE PRODUCTS AND/OR SERVICES, AND UNDER NO CIRCUMSTANCES WILL THERE BE CONSEQUENTIAL OR PUNITIVE DAMAGES. SOME STATES DO NOT ALLOW THE EXCLUSION OR LIMITATION OF PUNITIVE, INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THE PRIOR LIMITATION OR EXCLUSION MAY NOT APPLY TO YOU.**
|
||||
|
||||
12. Termination
|
||||
We may terminate or suspend your account and bar access to Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of Terms.
|
||||
|
||||
If you wish to terminate your account, you may simply discontinue using Service.
|
||||
|
||||
All provisions of Terms which by their nature should survive termination shall survive termination, including, without limitation, ownership provisions, warranty disclaimers, indemnity and limitations of liability.
|
||||
|
||||
13. Governing Law
|
||||
These Terms shall be governed and construed in accordance with the laws of Poland, which governing law applies to agreement without regard to its conflict of law provisions.
|
||||
|
||||
Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect. These Terms constitute the entire agreement between us regarding our Service and supersede and replace any prior agreements we might have had between us regarding Service.
|
||||
|
||||
14. Changes To Service
|
||||
We reserve the right to withdraw or amend our Service, and any service or material we provide via Service, in our sole discretion without notice. We will not be liable if for any reason all or any part of Service is unavailable at any time or for any period. From time to time, we may restrict access to some parts of Service, or the entire Service, to users, including registered users.
|
||||
|
||||
15. Amendments To Terms
|
||||
We may amend Terms at any time by posting the amended terms on this site. It is your responsibility to review these Terms periodically.
|
||||
|
||||
Your continued use of the Platform following the posting of revised Terms means that you accept and agree to the changes. You are expected to check this page frequently so you are aware of any changes, as they are binding on you.
|
||||
|
||||
By continuing to access or use our Service after any revisions become effective, you agree to be bound by the revised terms. If you do not agree to the new terms, you are no longer authorized to use Service.
|
||||
|
||||
16. Waiver And Severability
|
||||
No waiver by Company of any term or condition set forth in Terms shall be deemed a further or continuing waiver of such term or condition or a waiver of any other term or condition, and any failure of Company to assert a right or provision under Terms shall not constitute a waiver of such right or provision.
|
||||
|
||||
If any provision of Terms is held by a court or other tribunal of competent jurisdiction to be invalid, illegal or unenforceable for any reason, such provision shall be eliminated or limited to the minimum extent such that the remaining provisions of Terms will continue in full force and effect.
|
||||
|
||||
17. Acknowledgement
|
||||
BY USING SERVICE OR OTHER SERVICES PROVIDED BY US, YOU ACKNOWLEDGE THAT YOU HAVE READ THESE TERMS OF SERVICE AND AGREE TO BE BOUND BY THEM.
|
||||
|
||||
18. Contact Us
|
||||
Please send your feedback, comments, requests for technical support by email: support[at]svrjs[dot]org.
|
||||
`;
|
||||
|
|
|
|||
9
public/bg.svg
Normal file
9
public/bg.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 686 KiB |
9
public/poster.svg
Normal file
9
public/poster.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 176 KiB |
BIN
public/svgaction.mp4
Normal file
BIN
public/svgaction.mp4
Normal file
Binary file not shown.
|
|
@ -10,6 +10,17 @@ const config = {
|
|||
],
|
||||
prefix: "",
|
||||
theme: {
|
||||
screens: {
|
||||
"sm": "640px",
|
||||
|
||||
"md": "768px",
|
||||
|
||||
"lg": "1100px",
|
||||
|
||||
"xl": "1280px",
|
||||
|
||||
"2xl": "1536px",
|
||||
},
|
||||
container: {
|
||||
center: true,
|
||||
padding: "2rem",
|
||||
|
|
|
|||
116
types/index.ts
116
types/index.ts
|
|
@ -1,116 +0,0 @@
|
|||
import { Icons } from "@/components/ui/icons";
|
||||
import { HTMLAttributeAnchorTarget } from "react";
|
||||
|
||||
export type {
|
||||
About,
|
||||
Banner,
|
||||
Feature,
|
||||
FeatureCards,
|
||||
FeatureList,
|
||||
Footer,
|
||||
FooterItem,
|
||||
FrequentlyAskedQuestionItem,
|
||||
FrequentlyAskedQuestions,
|
||||
Hero,
|
||||
Highlights,
|
||||
Member,
|
||||
Navbar,
|
||||
NavbarItem,
|
||||
Newsletter,
|
||||
Partner,
|
||||
Partners,
|
||||
Pricing,
|
||||
PricingCard,
|
||||
Social,
|
||||
Stat,
|
||||
Team,
|
||||
Testimonial,
|
||||
Testimonials,
|
||||
};
|
||||
|
||||
type Hero = Section<{ pretitle: string; title: string; subtitle: string; curlyText: string; primaryButtonText: string; secondaryButtonText: string; cards: { [key: string]: any } }>;
|
||||
type Partners = Section<{ partners: Partner[] }>;
|
||||
type About = Section<{ stats: Stat[]; aboutImage: string }>;
|
||||
type Highlights = Section<{ features: Feature[] }>;
|
||||
type FeatureCards = Section<{ tags: string[]; features: Feature[] }>;
|
||||
type FeatureList = Section<{ features: Feature[]; featureImage: string }>;
|
||||
type Banner = Section<{ primaryButtonText: string; onPrimaryButtonClick: () => void; secondaryButtonText: string; onSecondaryButtonClick: () => void }>;
|
||||
type Testimonials = Section<{ testimonials: Testimonial[] }>;
|
||||
type Team = Section<{ members: Member[] }>;
|
||||
type Pricing = Section<{ plans: PricingCard[] }>;
|
||||
type Newsletter = Section<{ buttonText: string; curlyText: string; inputPlaceholder: string }>;
|
||||
type FrequentlyAskedQuestions = Section<{ contactEmail: string; items: FrequentlyAskedQuestionItem[] }>;
|
||||
|
||||
interface Navbar {
|
||||
leftLinks: NavbarItem[];
|
||||
centerLinks: NavbarItem[];
|
||||
rightLinks: NavbarItem[];
|
||||
}
|
||||
|
||||
interface Footer {
|
||||
brand: [FooterItem];
|
||||
[key: string]: FooterItem[];
|
||||
}
|
||||
|
||||
interface NavbarItem {
|
||||
href?: string;
|
||||
label?: string;
|
||||
icon?: keyof typeof Icons;
|
||||
target?: HTMLAttributeAnchorTarget;
|
||||
}
|
||||
|
||||
interface Partner {
|
||||
name: string;
|
||||
logoUrl: string;
|
||||
}
|
||||
|
||||
interface Stat {
|
||||
title: string;
|
||||
count: number;
|
||||
}
|
||||
|
||||
interface Feature {
|
||||
title: string;
|
||||
description: string;
|
||||
icon: keyof typeof Icons;
|
||||
}
|
||||
|
||||
interface Testimonial {
|
||||
name: string;
|
||||
userName: string;
|
||||
avatarUrl: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
interface Member {
|
||||
name: string;
|
||||
position: string;
|
||||
description: string;
|
||||
socials: Social[];
|
||||
}
|
||||
|
||||
interface Social {
|
||||
href: string;
|
||||
icon: keyof typeof Icons;
|
||||
}
|
||||
|
||||
interface PricingCard {
|
||||
planName: string;
|
||||
buttonText: string;
|
||||
pricePerMonth: string;
|
||||
planDescription: string;
|
||||
features: React.ReactNode[];
|
||||
}
|
||||
|
||||
interface FrequentlyAskedQuestionItem {
|
||||
key: string;
|
||||
question: string;
|
||||
answer: React.ReactNode;
|
||||
}
|
||||
|
||||
type Section<T extends object> = {
|
||||
title: string;
|
||||
subtitle: string;
|
||||
} & T;
|
||||
|
||||
interface FooterItem extends NavbarItem {}
|
||||
Loading…
Reference in a new issue