177 lines
9.7 KiB
TypeScript
177 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Webild"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Discover Amazing Possibilities"
|
|
description="Explore our innovative solutions designed to transform your vision into reality with cutting-edge technology and seamless user experiences."
|
|
tag="Welcome"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "radial-gradient" }}
|
|
mediaItems={[
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "Modern workspace" },
|
|
{ imageSrc: "https://img.b2bpic.net/free-vector/technology-interface-design-elements_53876-100774.jpg", imageAlt: "Technology interface" },
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136874.jpg", imageAlt: "Team collaboration" },
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/financial-charts-kpi-metrics-displays-office_482257-126638.jpg", imageAlt: "Creative design" },
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "Professional workspace" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Powerful Features at Your Fingertips"
|
|
description="Everything you need to succeed in one integrated platform"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", label: "Speed", title: "Lightning Fast Performance", items: ["Optimized for speed", "Instant loading times", "Seamless interactions", "Real-time updates"],
|
|
buttons: [{ text: "Explore", href: "#" }]
|
|
},
|
|
{
|
|
id: "feature-2", label: "Security", title: "Enterprise Grade Protection", items: ["End-to-end encryption", "Advanced compliance", "Secure data storage", "Regular audits"],
|
|
buttons: [{ text: "Learn More", href: "#" }]
|
|
},
|
|
{
|
|
id: "feature-3", label: "Support", title: "World-Class Support Team", items: ["24/7 availability", "Expert assistance", "Quick responses", "Dedicated account manager"],
|
|
buttons: [{ text: "Contact Us", href: "#contact" }]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Redefining Digital Excellence"
|
|
description="We believe in creating solutions that empower businesses and individuals to achieve their fullest potential. With innovation at our core, we deliver unparalleled value through technology, expertise, and unwavering commitment to our clients."
|
|
tag="About Us"
|
|
imageSrc="https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136891.jpg"
|
|
imageAlt="Our dedicated team"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" },
|
|
{ text: "Contact Us", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Loved by Thousands"
|
|
description="See what our clients and partners have to say about their experience with us"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "This platform has completely transformed how we operate. The intuitive interface and robust features have saved us countless hours.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional service and support. The team went above and beyond to ensure our success. Highly recommended for any business.", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Amazing experience from start to finish. The product quality and customer care are unmatched in the industry.", imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "@davidkim", testimonial: "Revolutionary approach to solving our biggest challenges. The ROI has been phenomenal and exceeded our expectations.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Martinez", handle: "@jmartinez", testimonial: "Best investment we've made for our company. The integration was seamless and the results were immediate.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Jessica Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Wilson", handle: "@rwilson", testimonial: "Professional, reliable, and innovative. A game-changer for our entire organization. Couldn't ask for more.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Robert Wilson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Ready to Get Started?"
|
|
description="Join thousands of satisfied users. Subscribe to our newsletter for exclusive insights, updates, and special offers delivered straight to your inbox."
|
|
tagIcon={Mail}
|
|
background={{ variant: "rotated-rays-static-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms of Service and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Enterprise", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Status", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Webild. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |