Add src/app/tools/page.tsx
This commit is contained in:
168
src/app/tools/page.tsx
Normal file
168
src/app/tools/page.tsx
Normal file
@@ -0,0 +1,168 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import {
|
||||
BarChart3,
|
||||
Brain,
|
||||
ImageIcon,
|
||||
Mic,
|
||||
Settings,
|
||||
Sparkles,
|
||||
TrendingUp,
|
||||
Wand2,
|
||||
Zap,
|
||||
AlertCircle,
|
||||
CheckCircle,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function ToolsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="AICore"
|
||||
navItems={[
|
||||
{ name: "Tools", id: "tools" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{ text: "Back Home", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Free AI Tools Platform"
|
||||
description="Access our suite of powerful AI-powered tools including image generation, voice creation, and advanced AI utilities. All completely free, no limits."
|
||||
tag="Choose Your Tool"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Start Creating", href: "#tools" },
|
||||
{ text: "Back Home", href: "/" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
dashboard={{
|
||||
title: "Available AI Tools", logoIcon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR5L3TkBQonTQ7kp66p2VA0p6f/a-modern-sleek-ai-dashboard-interface-wi-1772542588693-f10752a8.png", searchPlaceholder: "Search tools...", sidebarItems: [
|
||||
{ icon: ImageIcon, active: true },
|
||||
{ icon: Mic, active: false },
|
||||
{ icon: Wand2, active: false },
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Explore", href: "#tools" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Tools Available", values: [3, 6, 12],
|
||||
valuePrefix: "", valueSuffix: "+", description: "AI-powered tools"},
|
||||
{
|
||||
title: "Always Free", values: [100, 100, 100],
|
||||
valuePrefix: "", valueSuffix: "%", description: "No hidden fees"},
|
||||
{
|
||||
title: "No Limits", values: [999, 9999, 99999],
|
||||
valuePrefix: "", valueSuffix: "+", description: "Unlimited usage"},
|
||||
],
|
||||
chartTitle: "Tool Performance", chartData: [
|
||||
{ value: 80 },
|
||||
{ value: 85 },
|
||||
{ value: 90 },
|
||||
{ value: 92 },
|
||||
{ value: 95 },
|
||||
],
|
||||
listTitle: "Featured Tools", listItems: [
|
||||
{ icon: ImageIcon, title: "Image Generation", status: "Free" },
|
||||
{ icon: Mic, title: "Voice Generation", status: "Free" },
|
||||
{ icon: Wand2, title: "AI Utilities", status: "Free" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tools" data-section="tools">
|
||||
<FeatureCardSeven
|
||||
title="Our AI Tools"
|
||||
description="Explore our comprehensive collection of AI-powered tools. Each tool is designed for simplicity and power, accessible to everyone."
|
||||
tag="Available Tools"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Image Generation", description: "Create stunning images from text descriptions. Use your imagination and let AI bring your vision to life with unlimited generation capability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR5L3TkBQonTQ7kp66p2VA0p6f/abstract-visualization-of-artificial-neu-1772542587328-cfcff9b6.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Voice Generation", description: "Transform text into natural-sounding speech. Create voiceovers, narrations, and podcasts in multiple languages and voices—no mic required.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR5L3TkBQonTQ7kp66p2VA0p6f/a-professional-workspace-showing-ai-powe-1772542587629-ff99eba2.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Text Analysis", description: "Analyze, summarize, and enhance your text. Extract key insights, check grammar, and improve clarity with advanced NLP technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR5L3TkBQonTQ7kp66p2VA0p6f/visual-representation-of-ai-powered-auto-1772542587098-5506675c.png"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Code Assistant", description: "Get AI-powered coding help. Debug, optimize, and generate code snippets in multiple programming languages instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR5L3TkBQonTQ7kp66p2VA0p6f/futuristic-visualization-of-predictive-a-1772542587310-0a73569d.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Tools", items: [
|
||||
{ label: "Image Generation", href: "#tools" },
|
||||
{ label: "Voice Generation", href: "#tools" },
|
||||
{ label: "AI Utilities", href: "#tools" },
|
||||
{ label: "Back Home", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API", href: "#" },
|
||||
{ label: "Examples", href: "#" },
|
||||
{ label: "Tutorial", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Compliance", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 AICore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user