Merge version_2 into main #3
120
src/app/page.tsx
120
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { FileText, MessageSquare, Search } from "lucide-react";
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { FileText, MessageSquare, Search, Zap, CheckCircle, BarChart, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,9 +32,9 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "AI Chat", id: "#chat" },
|
||||
{ name: "Writing", id: "#writing" },
|
||||
{ name: "Design", id: "#design" },
|
||||
{ name: "Video", id: "#video" },
|
||||
{ name: "Business", id: "#business" },
|
||||
{ name: "Benefits", id: "#metric" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="AisToMyAdvantage"
|
||||
/>
|
||||
@@ -50,28 +51,22 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="chat" data-section="chat">
|
||||
<FeatureBento
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="General AI Chat & Assistants"
|
||||
description="Most popular AI tools used daily for writing, coding, and automation."
|
||||
features={[
|
||||
{
|
||||
title: "ChatGPT", description: "Writing, coding, business ideas, and task automation.", bentoComponent: "reveal-icon", icon: MessageSquare
|
||||
},
|
||||
{
|
||||
title: "Claude", description: "Powerful long-form writing, analysis, and document processing.", bentoComponent: "reveal-icon", icon: FileText
|
||||
},
|
||||
{
|
||||
title: "Perplexity AI", description: "Search engine power with cited sources for research.", bentoComponent: "reveal-icon", icon: Search
|
||||
}
|
||||
{ id: 1, title: "ChatGPT", description: "Writing, coding, business ideas, and task automation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
|
||||
{ id: 2, title: "Claude", description: "Powerful long-form writing, analysis, and document processing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
|
||||
{ id: 3, title: "Perplexity AI", description: "Search engine power with cited sources for research.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="writing" data-section="writing">
|
||||
<ProductCardTwo
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -79,67 +74,66 @@ export default function LandingPage() {
|
||||
title="AI Writing & Design Tools"
|
||||
description="Tools for content, emails, marketing, graphics, and branding."
|
||||
products={[
|
||||
{ id: "p1", brand: "Writing", name: "Jasper AI", price: "High Performance", rating: 5, reviewCount: "5k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
|
||||
{ id: "p2", brand: "Design", name: "Midjourney", price: "AI Art", rating: 5, reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
|
||||
{ id: "p3", brand: "Design", name: "Canva AI", price: "Graphics & Layout", rating: 4, reviewCount: "8k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" },
|
||||
{ id: "p1", name: "Jasper AI", price: "Performance Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
|
||||
{ id: "p2", name: "Midjourney", price: "Art Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
|
||||
{ id: "p3", name: "Canva AI", price: "Design Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="AI Impact Metrics"
|
||||
description="Quantifiable improvements for your business workflows."
|
||||
metrics={[
|
||||
{ id: "m1", value: "40%", title: "Time Saved", description: "Reduction in routine administrative tasks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png" },
|
||||
{ id: "m2", value: "3x", title: "Content Capacity", description: "Increased production speed across teams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="What Users Are Saying"
|
||||
description="Join thousands of professionals scaling their output with AI."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex P.", handle: "@alexp", testimonial: "This directory saved me hours of research.", rating: 5 },
|
||||
{ id: "2", name: "Sarah J.", handle: "@sarahj", testimonial: "The tutorials are clear and actionable.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Use AI Tools?"
|
||||
description="See how AI can transform your daily workflow — from writing emails to creating Excel formulas in seconds."
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about optimizing your AI journey."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How does AI help productivity?", content: "AI automates repetitive tasks and provides smart suggestions to speed up content creation and analysis." },
|
||||
{ id: "2", title: "Which tools should I start with?", content: "Start with general AI assistants like ChatGPT or Claude for immediate daily improvements." },
|
||||
{ id: "3", title: "Are these tools free?", content: "Most tools listed offer a free tier, while professional features often require a subscription." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impact of AI Adoption"
|
||||
tag="Productivity Growth"
|
||||
tagAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "40%", description: "Reduction in time spent on routine administrative tasks" },
|
||||
{ id: "m2", value: "3x", description: "Increase in content production capacity per team member" },
|
||||
{ id: "m3", value: "95%", description: "Accuracy in data analysis and automated reporting" },
|
||||
{ id: "m4", value: "12+", description: "Hours saved per week on manual project management" },
|
||||
{ id: "m5", value: "500+", description: "Automated workflow executions per month" },
|
||||
{ id: "1", title: "How does AI help productivity?", content: "AI automates repetitive tasks and provides smart suggestions." },
|
||||
{ id: "2", title: "Which tools should I start with?", content: "Start with ChatGPT or Claude for immediate daily improvements." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Categories", items: [
|
||||
{ label: "Writing", href: "#writing" },
|
||||
{ label: "Design", href: "#design" },
|
||||
{ label: "Business", href: "#business" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mastery", items: [
|
||||
{ label: "Why AI Matters", href: "#about" },
|
||||
{ label: "Quick Reference", href: "#tools" },
|
||||
],
|
||||
},
|
||||
{ title: "Categories", items: [{ label: "Writing", href: "#writing" }, { label: "Design", href: "#design" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
copyrightText="Created by Jyte Tapere. Built to help you master AI tools — one category at a time."
|
||||
copyrightText="© 2025 | AisToMyAdvantage"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user