Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -29,78 +29,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "categories",
|
||||
},
|
||||
name: "Categories", id: "categories"},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "tools",
|
||||
},
|
||||
name: "Tools", id: "tools"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
]}
|
||||
brandName="AIToolNest"
|
||||
button={{
|
||||
text: "Submit Tool",
|
||||
href: "#submit",
|
||||
}}
|
||||
text: "Submit Tool", href: "#submit"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Discover The Best AI Tools in One Place"
|
||||
description="Explore powerful AI tools for writing, images, video, business, and productivity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tools",
|
||||
href: "#tools",
|
||||
},
|
||||
text: "Explore Tools", href: "#tools"},
|
||||
{
|
||||
text: "Submit Tool",
|
||||
href: "#submit",
|
||||
},
|
||||
text: "Submit Tool", href: "#submit"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
|
||||
imageAlt: "AI Network",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg", imageAlt: "AI Network"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-flowing-dots_1048-11492.jpg",
|
||||
imageAlt: "Data Architecture",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-flowing-dots_1048-11492.jpg", imageAlt: "Data Architecture"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-pop-landscape_23-2149159889.jpg",
|
||||
imageAlt: "Digital Landscape",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-pop-landscape_23-2149159889.jpg", imageAlt: "Digital Landscape"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg",
|
||||
imageAlt: "AI Concept",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg", imageAlt: "AI Concept"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-drinking-using-laptop-cafe_23-2147785328.jpg",
|
||||
imageAlt: "Light Paths",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-drinking-using-laptop-cafe_23-2147785328.jpg", imageAlt: "Light Paths"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
|
||||
imageAlt: "Innovation",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg", imageAlt: "Innovation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,35 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Writing",
|
||||
description: "Boost your productivity with advanced writing assistants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg?_wi=1",
|
||||
},
|
||||
title: "AI Writing", description: "Boost your productivity with advanced writing assistants.", imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg"},
|
||||
{
|
||||
title: "AI Image Generation",
|
||||
description: "Create stunning visuals with state-of-the-art models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-robot-paper-carving-with-nature-background_53876-23285.jpg?_wi=1",
|
||||
},
|
||||
title: "AI Image Generation", description: "Create stunning visuals with state-of-the-art models.", imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-robot-paper-carving-with-nature-background_53876-23285.jpg"},
|
||||
{
|
||||
title: "AI Video Tools",
|
||||
description: "Turn your creative vision into video reality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204920.jpg?_wi=1",
|
||||
},
|
||||
title: "AI Video Tools", description: "Turn your creative vision into video reality.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204920.jpg"},
|
||||
{
|
||||
title: "AI Marketing",
|
||||
description: "Automate and enhance your content marketing workflow.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=icrrxf&_wi=1",
|
||||
},
|
||||
title: "AI Marketing", description: "Automate and enhance your content marketing workflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=icrrxf"},
|
||||
{
|
||||
title: "AI Business Tools",
|
||||
description: "Scale your operations with intelligent automation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chat-messages-front-side-with-white-background_187299-39812.jpg?_wi=1",
|
||||
},
|
||||
title: "AI Business Tools", description: "Scale your operations with intelligent automation.", imageSrc: "http://img.b2bpic.net/free-photo/chat-messages-front-side-with-white-background_187299-39812.jpg"},
|
||||
{
|
||||
title: "AI Productivity",
|
||||
description: "Optimize your daily tasks with powerful AI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere-with-eye-effect_23-2150885601.jpg?_wi=1",
|
||||
},
|
||||
title: "AI Productivity", description: "Optimize your daily tasks with powerful AI.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere-with-eye-effect_23-2150885601.jpg"},
|
||||
]}
|
||||
title="Popular Categories"
|
||||
description="Navigate through curated AI tools categorized for your convenience."
|
||||
@@ -150,64 +99,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="tools" data-section="tools">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Writing",
|
||||
name: "ChatGPT",
|
||||
price: "Free/Pro",
|
||||
rating: 5,
|
||||
reviewCount: "10k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Writing", name: "ChatGPT", price: "Free/Pro", rating: 5,
|
||||
reviewCount: "10k+", imageSrc: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Image",
|
||||
name: "Midjourney",
|
||||
price: "Subscription",
|
||||
rating: 5,
|
||||
reviewCount: "5k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-robot-paper-carving-with-nature-background_53876-23285.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Image", name: "Midjourney", price: "Subscription", rating: 5,
|
||||
reviewCount: "5k+", imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-robot-paper-carving-with-nature-background_53876-23285.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Video",
|
||||
name: "Runway",
|
||||
price: "Freemium",
|
||||
rating: 4,
|
||||
reviewCount: "3k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204920.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Video", name: "Runway", price: "Freemium", rating: 4,
|
||||
reviewCount: "3k+", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204920.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Productivity",
|
||||
name: "Notion AI",
|
||||
price: "Add-on",
|
||||
rating: 5,
|
||||
reviewCount: "8k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chat-messages-front-side-with-white-background_187299-39812.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", brand: "Productivity", name: "Notion AI", price: "Add-on", rating: 5,
|
||||
reviewCount: "8k+", imageSrc: "http://img.b2bpic.net/free-photo/chat-messages-front-side-with-white-background_187299-39812.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Marketing",
|
||||
name: "Copy.ai",
|
||||
price: "Free/Paid",
|
||||
rating: 4,
|
||||
reviewCount: "2k+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=icrrxf&_wi=2",
|
||||
},
|
||||
id: "p5", brand: "Marketing", name: "Copy.ai", price: "Free/Paid", rating: 4,
|
||||
reviewCount: "2k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=icrrxf"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Video",
|
||||
name: "Pictory",
|
||||
price: "Paid",
|
||||
rating: 4,
|
||||
reviewCount: "1k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere-with-eye-effect_23-2150885601.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", brand: "Video", name: "Pictory", price: "Paid", rating: 4,
|
||||
reviewCount: "1k+", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere-with-eye-effect_23-2150885601.jpg"},
|
||||
]}
|
||||
title="Trending AI Tools"
|
||||
description="The most popular AI tools currently being used by innovators."
|
||||
@@ -221,17 +135,11 @@ export default function LandingPage() {
|
||||
description="We help you navigate the complex AI landscape with speed and accuracy."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Curated Tools",
|
||||
},
|
||||
value: "100+", title: "Curated Tools"},
|
||||
{
|
||||
value: "Weekly",
|
||||
title: "Updated",
|
||||
},
|
||||
value: "Weekly", title: "Updated"},
|
||||
{
|
||||
value: "Fast",
|
||||
title: "Discovery",
|
||||
},
|
||||
value: "Fast", title: "Discovery"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -243,8 +151,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Featured"
|
||||
title="Submit Your AI Tool"
|
||||
description="Get featured and reach thousands of users"
|
||||
@@ -256,8 +163,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Subscribe"
|
||||
title="Stay Updated With New AI Tools"
|
||||
description="Join our newsletter for the latest AI tool releases."
|
||||
@@ -269,20 +175,13 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user