Update src/app/page.tsx
This commit is contained in:
461
src/app/page.tsx
461
src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Clock, Lock, MessageSquare, Shield, Smartphone, Star, Users, Zap } from "lucide-react";
|
||||
import { Clock, Lock, MessageSquare, Shield, Smartphone, Star, Users, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,340 +24,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="My AI Chat"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="My AI Chat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The Future of AI Conversations"
|
||||
description="Engage with our advanced AI assistant, designed to solve problems and answer questions in real-time. Fast, secure, and incredibly smart."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "The chat is incredibly fast and intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Helps me code faster every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@samt",
|
||||
testimonial: "Best AI interface I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chris Kim",
|
||||
handle: "@ckim",
|
||||
testimonial: "The responses are always spot on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg",
|
||||
},
|
||||
{
|
||||
name: "Riley Doe",
|
||||
handle: "@rdoe",
|
||||
testimonial: "Absolutely revolutionized my daily workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-flowing-particles_1048-14271.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-digital-particles-design_1048-15280.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-boss-uses-ai-virtual-assistant_482257-123249.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ej338",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105552.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Processing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "End-to-End Encryption",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Human-Like Reasoning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Availability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Continuous Innovation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Future of AI Conversations"
|
||||
description="Engage with our advanced AI assistant, designed to solve problems and answer questions in real-time. Fast, secure, and incredibly smart."
|
||||
testimonials={[
|
||||
{ name: "Alex Smith", handle: "@alexs", testimonial: "The chat is incredibly fast and intuitive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" },
|
||||
{ name: "Jordan Lee", handle: "@jlee", testimonial: "Helps me code faster every single day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg" },
|
||||
{ name: "Sam Taylor", handle: "@samt", testimonial: "Best AI interface I've used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" },
|
||||
{ name: "Chris Kim", handle: "@ckim", testimonial: "The responses are always spot on.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg" },
|
||||
{ name: "Riley Doe", handle: "@rdoe", testimonial: "Absolutely revolutionized my daily workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-flowing-particles_1048-14271.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-digital-particles-design_1048-15280.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-boss-uses-ai-virtual-assistant_482257-123249.jpg", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ej338", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105552.jpg", alt: "User 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Ultra-Fast Processing" },
|
||||
{ type: "text", text: "End-to-End Encryption" },
|
||||
{ type: "text", text: "Human-Like Reasoning" },
|
||||
{ type: "text", text: "Global Availability" },
|
||||
{ type: "text", text: "Continuous Innovation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Powered by Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Speed",
|
||||
value: "200ms",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Secure",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Reliability",
|
||||
value: "99.9%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Powered by Excellence"
|
||||
metrics={[
|
||||
{ icon: Zap, label: "Speed", value: "200ms" },
|
||||
{ icon: Shield, label: "Secure", value: "100%" },
|
||||
{ icon: Star, label: "Reliability", value: "99.9%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-1" data-section="feature-1">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Processing",
|
||||
description: "High performance inference",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-digital-particles-design_1048-15280.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Optimized",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2",
|
||||
imageAlt: "AI data processing abstract",
|
||||
},
|
||||
]}
|
||||
title="Intelligence at Scale"
|
||||
description="Utilize massive datasets for better insights."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-1" data-section="feature-1">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Data Processing", description: "High performance inference", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-digital-particles-design_1048-15280.jpg" }, items: [{ icon: Cpu, text: "Optimized" }], reverse: false }
|
||||
]}
|
||||
title="Intelligence at Scale"
|
||||
description="Utilize massive datasets for better insights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-2" data-section="feature-2">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Responsive UX",
|
||||
description: "Perfectly fits your screen",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-boss-uses-ai-virtual-assistant_482257-123249.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Touch-friendly",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=3",
|
||||
imageAlt: "mobile responsive UI chat design",
|
||||
},
|
||||
]}
|
||||
title="Mobile First Design"
|
||||
description="Chat seamlessly on any device."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-2" data-section="feature-2">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Responsive UX", description: "Perfectly fits your screen", media: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-boss-uses-ai-virtual-assistant_482257-123249.jpg" }, items: [{ icon: Smartphone, text: "Touch-friendly" }], reverse: false }
|
||||
]}
|
||||
title="Mobile First Design"
|
||||
description="Chat seamlessly on any device."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-3" data-section="feature-3">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Natural Language",
|
||||
description: "Human-like interaction",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ej338",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Context aware",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=4",
|
||||
imageAlt: "natural language processing concept",
|
||||
},
|
||||
]}
|
||||
title="Advanced NLP"
|
||||
description="Understanding context effortlessly."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-3" data-section="feature-3">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Natural Language", description: "Human-like interaction", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ej338" }, items: [{ icon: MessageSquare, text: "Context aware" }], reverse: false }
|
||||
]}
|
||||
title="Advanced NLP"
|
||||
description="Understanding context effortlessly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-4" data-section="feature-4">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Privacy First",
|
||||
description: "Encrypted communications",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105552.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Secure access",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=5",
|
||||
imageAlt: "secure AI data protection icon",
|
||||
},
|
||||
]}
|
||||
title="Enterprise Security"
|
||||
description="Your data remains confidential."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-4" data-section="feature-4">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Privacy First", description: "Encrypted communications", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105552.jpg" }, items: [{ icon: Lock, text: "Secure access" }], reverse: false }
|
||||
]}
|
||||
title="Enterprise Security"
|
||||
description="Your data remains confidential."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-5" data-section="feature-5">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Collaboration",
|
||||
description: "Work with the AI",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-woman-holding-empty-tablet_23-2148404403.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Team-ready",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=6",
|
||||
imageAlt: "person typing ai chat interface",
|
||||
},
|
||||
]}
|
||||
title="Interactive Workflow"
|
||||
description="Productive chats everyday."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-5" data-section="feature-5">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Collaboration", description: "Work with the AI", media: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-woman-holding-empty-tablet_23-2148404403.jpg" }, items: [{ icon: Users, text: "Team-ready" }], reverse: false }
|
||||
]}
|
||||
title="Interactive Workflow"
|
||||
description="Productive chats everyday."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-6" data-section="feature-6">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-fast",
|
||||
description: "Near instant results",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Lowest latency",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=7",
|
||||
imageAlt: "AI fast performance speed icon",
|
||||
},
|
||||
]}
|
||||
title="High Speed Performance"
|
||||
description="Instant answers without lag."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-6" data-section="feature-6">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Ultra-fast", description: "Near instant results", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg" }, items: [{ icon: Clock, text: "Lowest latency" }], reverse: false }
|
||||
]}
|
||||
title="High Speed Performance"
|
||||
description="Instant answers without lag."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="My AI Chat"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Security", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#contact" }] }
|
||||
]}
|
||||
logoText="My AI Chat"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user