210 lines
12 KiB
TypeScript
210 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Sparkles, CheckCircle, Award, Briefcase, Star } from 'lucide-react';
|
|
import { Instagram } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
const handleContactSubmit = (formData: any) => {
|
|
console.log('Contact form submitted:', formData);
|
|
};
|
|
|
|
const handleServicesClick = () => {
|
|
const servicesSection = document.getElementById('services');
|
|
if (servicesSection) {
|
|
servicesSection.scrollIntoView({ behavior: 'smooth' });
|
|
}
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Work", id: "portfolio" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
brandName="Vero AI"
|
|
bottomLeftText="Vero Marketing AI"
|
|
bottomRightText="hello@veroai.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Luxury-Grade AI Marketing Systems Built to Scale"
|
|
description="At Vero AI, we build sophisticated marketing systems that help premium brands automate, optimize, and convert at scale. Modern strategy. Advanced technology. Real results."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Premium Agency"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Your Free Demo", href: "/booking" },
|
|
{ text: "See Our Services", onClick: handleServicesClick }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296062896-jhekds4j.png"
|
|
imageAlt="Vero AI Marketing Dashboard"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
title="Our Services"
|
|
description="We combine strategic thinking with advanced technology to deliver marketing systems that actually work. Each service is designed to drive real business growth."
|
|
tag="What We Offer"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "AI Automation and Workflows", description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773295424073-p42xo6dn.png", imageAlt: "AI Automations"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Website Design and Development", description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773295870579-qev5rqbj.png", imageAlt: "Website Design"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "AI Marketing Systems", description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296440397-c9h13n6a.png", imageAlt: "AI Marketing Systems"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Client Results That Speak"
|
|
description="Real outcomes from real brands who trusted Vero AI to transform their marketing systems."
|
|
tag="Testimonials"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Vero helped out so much. ", handle: "David Alvarez", testimonial: "Vero AI transformed my window cleaning business. Their automation system generated 60+ qualified leads monthly with minimal effort on my part.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296815973-4v0oqvhn.jpg", icon: Star
|
|
},
|
|
{
|
|
id: "2", name: "Vero helped out so much. ", handle: "Brian O'Neill ", testimonial: "Vero AI put together a solid website for our contracting business that looks professional and actually brings in leads. Customers can see our work, understand what we do, and reach out a lot easier. It's helped us look more legit and close more jobs", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773297994191-0hm4w5p4.jpg", icon: Star
|
|
},
|
|
{
|
|
id: "3", name: "Vero helped out so much. ", handle: "James Smith", testimonial: "Since using Vero AI's agent, reservation calls have been way easier to manage. It handles bookings for us, keeps us from missing calls, and frees up our staff to focus on the customers in front of us. It's made a big difference for our restaurant.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773299384526-nwwb2oao.jpg", icon: Star
|
|
},
|
|
{
|
|
id: "4", name: "Vero helped out so much. ", handle: "William Price ", testimonial: "Vero helped out so much. I'm a solo handyman, so I used to have to handle every single lead myself. Vero AI built me a website and set up an AI agent, and now clients can find me, get their questions answered, and even book jobs without me having to stop what I'm doing. It's made my business way more efficient.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773299391786-fgz8uuxz.jpg", icon: Star
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<BlogCardTwo
|
|
title="Featured Work"
|
|
description="Strategic case studies showcasing premium marketing systems and transformation results."
|
|
tag="Portfolio"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
blogs={[
|
|
{
|
|
id: "1", category: ["Brand Design", "Website"],
|
|
title: "Luxury Brand Redesign: From Legacy to Modern", excerpt: "Strategic website and brand overhaul that increased conversions by 180% and established market leadership.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/luxury-brand-redesign-showcase-before-af-1773289195672-ab7ca6f6.png", imageAlt: "Luxury Brand Redesign", authorName: "Vero AI Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png", date: "2024"
|
|
},
|
|
{
|
|
id: "2", category: ["AI Systems", "Automation"],
|
|
title: "AI Marketing System: $500K Revenue Generated", excerpt: "Complete marketing automation system deployment that generated $500K in qualified revenue within 6 months.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png?_wi=1", imageAlt: "AI Marketing System", authorName: "Vero AI Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png", date: "2024"
|
|
},
|
|
{
|
|
id: "3", category: ["Conversion", "Funnel"],
|
|
title: "Funnel Optimization: 240% Conversion Lift", excerpt: "Sophisticated funnel redesign that eliminated friction, improved messaging, and delivered 240% conversion improvement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png?_wi=1", imageAlt: "Funnel Optimization", authorName: "Vero AI Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png", date: "2024"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Let's Talk"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Transform Your Marketing in 30 Days"
|
|
description="Ready to elevate your marketing? Complete the form below and our team will reach out within 24 hours to discuss your goals."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Claim Your Free Audit"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
onSubmit={handleContactSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Vero AI"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Work", href: "#portfolio" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Email", href: "mailto:hello@veroai.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy", href: "#" },
|
|
{ label: "Terms", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Vero Marketing AI. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |