Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -25,233 +25,117 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="VibeAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="VibeAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Redefining Productivity with AI"
|
||||
description="Unlock seamless automation and intelligent insights with our tailored Vibe Agent solutions. Built for modern teams who demand excellence."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=1",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=2",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=3",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=4",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=5",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png?_wi=6",
|
||||
imageAlt: "AI Neural Network Interface",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Redefining Productivity with AI"
|
||||
description="Unlock seamless automation and intelligent insights with our tailored Vibe Agent solutions. Built for modern teams who demand excellence."
|
||||
background={{
|
||||
variant: "gradient-bars"
|
||||
}}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-high-tech-artificial-intelligence-neur-1774600858815-fdd7cddb.png", imageAlt: "AI Neural Network Interface" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Workflows",
|
||||
description: "Reduce manual burden by automating routine tasks.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-automated-workflows-1774600858661-bec15d3b.png",
|
||||
imageAlt: "Workflows",
|
||||
},
|
||||
{
|
||||
title: "Predictive Analytics",
|
||||
description: "Get ahead of the curve with smart data insights.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-predictive-data-ana-1774600858743-62ac09aa.png",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
{
|
||||
title: "Machine Learning",
|
||||
description: "Adaptive models that improve your core products.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-machine-learning-in-1774600860064-fb087307.png",
|
||||
imageAlt: "Machine Learning",
|
||||
},
|
||||
]}
|
||||
title="Intelligence at Your Fingertips"
|
||||
description="Powerful capabilities designed to simplify your complex workflows and accelerate results."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Intelligence at Your Fingertips"
|
||||
description="Powerful capabilities designed to simplify your complex workflows and accelerate results."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Workflows", description: "Reduce manual burden by automating routine tasks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-automated-workflows-1774600858661-bec15d3b.png", imageAlt: "Workflows"
|
||||
},
|
||||
{
|
||||
title: "Predictive Analytics", description: "Get ahead of the curve with smart data insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-predictive-data-ana-1774600858743-62ac09aa.png", imageAlt: "Analytics"
|
||||
},
|
||||
{
|
||||
title: "Machine Learning", description: "Adaptive models that improve your core products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/an-icon-representing-machine-learning-in-1774600860064-fb087307.png", imageAlt: "Machine Learning"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "The AI integration was seamless and remarkably effective.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/abstract-background-featuring-warm-beige-1774600879703-3a5b7a2d.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Game Changer",
|
||||
quote: "Changed how we look at data analytics forever. Incredible.",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/abstract-background-with-subtle-gradient-1774600858295-508722a5.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Pure Magic",
|
||||
quote: "VibeAI transformed our entire service delivery model.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/professional-studio-background-with-soft-1774600858639-7e558fe6.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Revolutionary",
|
||||
quote: "Efficiency levels have increased beyond all our expectations.",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/elegant-light-grey-and-beige-textured-ba-1774600858466-383a2499.png",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top companies partner with us to transform their technological landscape."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top companies partner with us to transform their technological landscape."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "The AI integration was seamless and remarkably effective.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/abstract-background-featuring-warm-beige-1774600879703-3a5b7a2d.png" },
|
||||
{ id: "2", title: "Game Changer", quote: "Changed how we look at data analytics forever. Incredible.", name: "Michael Chen", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/abstract-background-with-subtle-gradient-1774600858295-508722a5.png" },
|
||||
{ id: "3", title: "Pure Magic", quote: "VibeAI transformed our entire service delivery model.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/professional-studio-background-with-soft-1774600858639-7e558fe6.png" },
|
||||
{ id: "4", title: "Revolutionary", quote: "Efficiency levels have increased beyond all our expectations.", name: "David Kim", role: "Product Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/elegant-light-grey-and-beige-textured-ba-1774600858466-383a2499.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What makes VibeAI different?",
|
||||
content: "Our focus on ethical, high-impact intelligent automation and human-centric design.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does implementation take?",
|
||||
content: "Typically 4-6 weeks for full integration into your existing systems.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority with bank-grade encryption protocols.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-conceptual-image-of-a-futuristic-assis-1774600859662-b4c0546a.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the most common questions regarding our AI implementation services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the most common questions regarding our AI implementation services."
|
||||
textboxLayout="split"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-conceptual-image-of-a-futuristic-assis-1774600859662-b4c0546a.png"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What makes VibeAI different?", content: "Our focus on ethical, high-impact intelligent automation and human-centric design." },
|
||||
{ id: "q2", title: "How long does implementation take?", content: "Typically 4-6 weeks for full integration into your existing systems." },
|
||||
{ id: "q3", title: "Is my data secure?", content: "Security is our top priority with bank-grade encryption protocols." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Build the Future Together"
|
||||
description="Send us your project details, and our lead strategist will reach out within 24 hours."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-minimalist-high-tech-abstract-connecti-1774600858595-61949feb.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Ready to Start?"
|
||||
title="Let's Build the Future Together"
|
||||
description="Send us your project details, and our lead strategist will reach out within 24 hours."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWMZE97N3su5RI8yq96jiSGff0/a-minimalist-high-tech-abstract-connecti-1774600858595-61949feb.png"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="VibeAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="VibeAI"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Security", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user