245 lines
13 KiB
TypeScript
245 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Award, Zap, Star, CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
brandName="Webild"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Welcome to Your Professional Showcase"
|
|
description="Create stunning digital experiences with our comprehensive platform. Transform your vision into reality with intuitive design and powerful features."
|
|
tag="Welcome"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-office-meeting-room-with-city-view_9975-23238.jpg"
|
|
imageAlt="Professional business environment"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "This platform transformed the way we work. Absolutely incredible!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg?_wi=1", imageAlt: "portrait professional avatar person"
|
|
},
|
|
{
|
|
name: "Michael Chen", handle: "CTO, InnovateLab", testimonial: "Best solution we've implemented. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "portrait professional avatar woman"
|
|
},
|
|
{
|
|
name: "Emily Rodriguez", handle: "Founder, GrowthCo", testimonial: "Game-changing experience. Perfect for businesses.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=1", imageAlt: "portrait professional avatar man"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#features" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="We build solutions that empower teams to create exceptional digital experiences and drive sustainable growth through innovation and collaboration."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Our Story", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Powerful Features"
|
|
description="Everything you need to succeed in one comprehensive platform"
|
|
tag="Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Intuitive Design", description: "User-friendly interface that makes it easy for anyone to create professional results without technical expertise. Drag-and-drop functionality with real-time preview.", imageSrc: "http://img.b2bpic.net/free-vector/technology-interface-template-design-elements_53876-118760.jpg", imageAlt: "design modern interface technology"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Advanced Analytics", description: "Comprehensive data insights to track performance and make data-driven decisions. Real-time dashboards with customizable metrics and detailed reports.", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", imageAlt: "analytics data dashboard business"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "24/7 Support", description: "Dedicated support team available round the clock to help you succeed. Multiple channels including chat, email, and phone support.", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg", imageAlt: "support service customer team"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Features", href: "#testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Hear from the teams that have transformed their business with our platform"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial: "This platform has completely revolutionized the way our team works. The intuitive interface and powerful features make it a no-brainer investment.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg?_wi=2", imageAlt: "portrait professional avatar person"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best decision we made for our business. The ROI has been incredible, and our team productivity has increased by 40%.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "portrait professional avatar woman"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "Outstanding support and an amazing product. Highly recommend to anyone looking to streamline their operations.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=2", imageAlt: "portrait professional avatar man"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "@davidkim", testimonial: "The features are comprehensive, the user experience is smooth, and the customer service is exceptional. Everything you need in one platform.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg?_wi=3", imageAlt: "portrait professional avatar person"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join hundreds of companies using our platform to transform their business"
|
|
tag="Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechCorp", "InnovateLab", "GrowthCo", "CloudSync", "DataFlow", "BuildNow", "ScaleUp"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our platform and services"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is my data secure?", content: "Absolutely. We use enterprise-grade encryption and follow industry best practices for data security. Your information is protected with SSL/TLS encryption."
|
|
},
|
|
{
|
|
id: "2", title: "How do I get started?", content: "Getting started is easy! Sign up for a free account, choose your plan, and begin creating within minutes. Our onboarding process guides you through everything step-by-step."
|
|
},
|
|
{
|
|
id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and bank transfers. All payments are processed securely through industry-leading payment processors."
|
|
},
|
|
{
|
|
id: "4", title: "Can I cancel my subscription?", content: "Yes, you can cancel anytime. There are no long-term contracts or hidden fees. Your data remains accessible for 30 days after cancellation."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer API access?", content: "Yes! We provide comprehensive API documentation and support for enterprise integrations. Contact our team for API access details."
|
|
},
|
|
{
|
|
id: "6", title: "What support options are available?", content: "We offer 24/7 support through multiple channels: live chat, email, phone, and our community forum. Premium plans include dedicated account managers."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Roadmap", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Webild. All rights reserved."
|
|
bottomRightText="Made with love for creators"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|