278 lines
18 KiB
TypeScript
278 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Heart, HelpCircle, MessageSquare, Sparkles, Zap, DollarSign, Star, Crown } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="LaunchPlexity"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="LaunchPlexity"
|
|
description="Launch your digital presence with websites that are bold, beautiful, and built to convert. We craft digital experiences that blend innovation with elegance, helping your business stand out."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "#contact" },
|
|
{ text: "View Our Work", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-stunning-modern-web-design-dashboard-s-1774055969622-4973553f.png"
|
|
imageAlt="LaunchPlexity web design dashboard"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="browser"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About LaunchPlexity"
|
|
description="We're a team of passionate web designers and developers who believe great websites aren't just visually stunning—they're strategic tools that drive real business results. Our mission is to transform your vision into digital reality with designs that captivate and convert."
|
|
tag="Who We Are"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-diverse-team-of-web-designers-and-deve-1774055970294-53cdc357.png"
|
|
imageAlt="Our creative team collaborating"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="What We Do"
|
|
description="From strategy to execution, we deliver comprehensive web solutions tailored to your business needs."
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Design", title: "Custom Web Design", subtitle: "Visually Stunning & Brand-Aligned", description: "We create beautiful, unique websites that reflect your brand identity and engage your audience. Every pixel is purposeful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/an-abstract-dynamic-illustration-represe-1774055968744-7dc19e7b.png", imageAlt: "Custom web design"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Development", title: "Responsive Development", subtitle: "Fast, Secure & Future-Proof", description: "Built with latest technologies, our websites are responsive, performant, and optimized for all devices. Speed and security are built-in.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-beautifully-designed-responsive-websit-1774055968916-6357e526.png", imageAlt: "Responsive design across devices"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Performance", title: "SEO & Optimization", subtitle: "Visible, Fast & Conversion-Ready", description: "Our websites are optimized for search engines and built for conversions. We ensure your site ranks well and performs beautifully.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-sleek-analytics-dashboard-showing-perf-1774055970583-85fd29d6.png", imageAlt: "Performance analytics"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Support", title: "AI-Powered Support", subtitle: "Smart Solutions, Always Available", description: "We integrate cutting-edge AI chat assistants to provide 24/7 customer support. Your visitors get answers instantly, you get peace of mind.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/an-ai-chat-interface-or-customer-support-1774055970132-982edb60.png", imageAlt: "AI chat support interface"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the perfect plan for your business. All plans include stunning design and powerful features."
|
|
tag="Pricing Plans"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Popular", badgeIcon: Star,
|
|
price: "$2,999", subtitle: "Perfect for startups and small businesses", buttons: [
|
|
{ text: "Get Started", href: "#contact" }
|
|
],
|
|
features: [
|
|
"5-7 Page Custom Website", "Mobile Responsive Design", "Basic SEO Optimization", "1 Round of Revisions", "2 Months Support Included", "AI Chat Widget"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$5,999", subtitle: "Ideal for growing businesses and e-commerce", buttons: [
|
|
{ text: "Get Started", href: "#contact" }
|
|
],
|
|
features: [
|
|
"10-15 Page Custom Website", "E-commerce Integration", "Advanced SEO & Analytics", "Unlimited Revisions", "3 Months Priority Support", "AI Chat & Automation", "CMS Integration"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Crown,
|
|
price: "Custom", subtitle: "For large-scale projects and enterprises", buttons: [
|
|
{ text: "Contact Sales", href: "#contact" }
|
|
],
|
|
features: [
|
|
"Unlimited Pages", "Full Custom Development", "API Integrations", "Dedicated Account Manager", "6+ Months Premium Support", "Advanced AI Solutions", "Scalability & Performance"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Clients Say"
|
|
description="Real feedback from businesses we've helped succeed. Your success is our greatest achievement."
|
|
tag="Success Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Game-Changing Partnership", quote: "LaunchPlexity transformed our online presence. Their design thinking and technical expertise resulted in a website that not only looks incredible but drives real conversions. We've seen a 150% increase in leads within the first quarter.", name: "Sarah Mitchell", role: "CEO & Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/uploaded-1774056614362-n60mil08.jpg"
|
|
},
|
|
{
|
|
id: "2", title: "Exceeded All Expectations", quote: "Working with the LaunchPlexity team was seamless from start to finish. They understood our vision, provided valuable insights, and delivered a website that's both beautiful and performs exceptionally well. Highly recommended!", name: "Marcus Chen", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-professional-headshot-of-a-marketing-d-1774055968374-0214f10f.png"
|
|
},
|
|
{
|
|
id: "3", title: "Professional & Responsive", quote: "The team at LaunchPlexity is incredibly responsive and professional. They took our idea and created something beyond what we imagined. The AI chat integration has been a game-changer for customer engagement.", name: "Emily Rodriguez", role: "Product Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-professional-headshot-of-a-product-man-1774055968418-acce1b6a.png"
|
|
},
|
|
{
|
|
id: "4", title: "Best Investment We've Made", quote: "This is hands-down the best investment we've made for our business. Our new site is stunning, fast, and our customers love the smooth experience. LaunchPlexity truly understands modern web design.", name: "David Kim", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-professional-headshot-of-a-business-de-1774055968713-4f3a9a03.png"
|
|
},
|
|
{
|
|
id: "5", title: "Creative Excellence", quote: "From concept to launch, LaunchPlexity delivered creative excellence. Their attention to detail and commitment to quality is unmatched. We couldn't be happier with the results.", name: "Jessica Thompson", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/uploaded-1774056535770-0x40j4rv.jpg"
|
|
},
|
|
{
|
|
id: "6", title: "Strategic & Beautiful", quote: "What sets LaunchPlexity apart is their strategic thinking combined with beautiful execution. They don't just build websites; they build business tools that deliver results.", name: "Robert Collins", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/uploaded-1774056586585-67ec2zvk.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We've got answers. Learn more about how we work and what we can do for your business."
|
|
tag="FAQs"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to build a website?", content: "Our typical project timeline is 4-8 weeks from kickoff to launch, depending on the project scope and complexity. We work in phases to ensure quality at every step and keep you updated throughout the process."
|
|
},
|
|
{
|
|
id: "2", title: "Do you provide ongoing maintenance and support?", content: "Absolutely! All our packages include support after launch. We offer maintenance plans ranging from 2 months to ongoing support, depending on your plan. We also provide hosting recommendations and can manage updates for you."
|
|
},
|
|
{
|
|
id: "3", title: "Can you integrate AI chat support?", content: "Yes! We specialize in integrating AI-powered chat widgets into your website. These provide 24/7 customer support, answer FAQs, and can even qualify leads. It's one of our signature features that sets client websites apart."
|
|
},
|
|
{
|
|
id: "4", title: "Do you handle e-commerce websites?", content: "Definitely. We build custom e-commerce solutions with payment processing, inventory management, and conversion optimization. Whether you're launching your first online store or scaling an existing one, we've got you covered."
|
|
},
|
|
{
|
|
id: "5", title: "Will my website be mobile-responsive?", content: "Yes, every website we build is fully responsive and mobile-first. We test extensively across devices and browsers to ensure your site looks and performs beautifully everywhere."
|
|
},
|
|
{
|
|
id: "6", title: "Can you help with SEO?", content: "We incorporate SEO best practices into every build. This includes technical SEO, on-page optimization, and site performance optimization. We can also create a roadmap for ongoing SEO strategy if needed."
|
|
},
|
|
{
|
|
id: "7", title: "What if I need changes after launch?", content: "Our revision policy is built into each package. We include a set number of revisions depending on your plan. After launch, we offer support packages to handle ongoing updates and improvements."
|
|
},
|
|
{
|
|
id: "8", title: "Do you offer hosting services?", content: "We recommend reliable hosting partners and can guide you through the selection. We can also manage hosting setup and transfers for you, ensuring your site is in great hands."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready to Launch Your Project?"
|
|
description="Let's chat about your vision. Tell us about your project and we'll show you what's possible with LaunchPlexity."
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BEYe8jnMfCx8AUCjpe53IY0B7X/a-modern-illustration-showing-communicat-1774055969056-47849af6.png"
|
|
imageAlt="Let's connect and build something amazing"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Start Conversation"
|
|
termsText="By reaching out, you agree to our privacy policy and terms of service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="LaunchPlexity"
|
|
copyrightText="© 2025 LaunchPlexity. Crafting digital excellence."
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Services", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Portfolio", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |