291 lines
16 KiB
TypeScript
291 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Shield, Zap, Star, Award, DollarSign, Phone, Smartphone, Monitor, Eye, TrendingUp, Target, Search, BarChart3 } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="W3bforyou"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Professional Websites for Global Businesses"
|
|
description="We design and build stunning, conversion-focused websites that help your business stand out. Trusted by 500+ companies worldwide."
|
|
background={{ variant: "plain" }}
|
|
tag="Web Design Excellence"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Your Website", href: "#contact" },
|
|
{ text: "View Our Work", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "hero-1", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148293486.jpg", imageAlt: "modern website design showcase" },
|
|
{ id: "hero-2", imageSrc: "http://img.b2bpic.net/free-psd/business-document-landing-page-design-template_23-2149148121.jpg", imageAlt: "clean web design modern aesthetic" },
|
|
{ id: "hero-3", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-workshop-web-template_23-2149407386.jpg", imageAlt: "minimalist web design modern" },
|
|
{ id: "hero-4", imageSrc: "http://img.b2bpic.net/free-psd/gradient-business-strategy-landing-page_23-2150785580.jpg", imageAlt: "enterprise website design showcase" },
|
|
{ id: "hero-5", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-interface_23-2148655637.jpg", imageAlt: "responsive mobile web design" },
|
|
{ id: "hero-6", imageSrc: "http://img.b2bpic.net/free-psd/design-trends-landing-page-template_23-2148951583.jpg", imageAlt: "business website design modern clean" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="W3bforyou hero section with website showcases"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join 500+ businesses worldwide who have transformed their online presence with W3bforyou."
|
|
names={[
|
|
"TechCorp Inc", "Global Solutions", "Innovation Labs", "Digital Ventures", "NextGen Enterprises", "Smart Business Co", "Future Systems", "Growth Partners"
|
|
]}
|
|
tag="Our Partners"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={35}
|
|
showCard={true}
|
|
ariaLabel="Trusted partner companies section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
title="Premium Web Design Services"
|
|
description="We deliver beautiful, high-performance websites designed to convert visitors into customers. Every project is custom-built for your unique business needs."
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "", title: "Responsive Design", description: "Beautiful websites that work perfectly on all devices—desktop, tablet, and mobile.", media: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149496040.jpg", imageAlt: "responsive web design devices" },
|
|
items: [
|
|
{ icon: Smartphone, text: "Mobile-First Approach" },
|
|
{ icon: Monitor, text: "Desktop Optimization" },
|
|
{ icon: Eye, text: "Cross-Browser Testing" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "", title: "Conversion Optimization", description: "Strategic design and development focused on turning visitors into paying customers through compelling CTAs and smooth user flows.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-brainstorming-graph-chart-report-data-concept_53876-41686.jpg", imageAlt: "conversion optimization web design" },
|
|
items: [
|
|
{ icon: TrendingUp, text: "Analytics-Driven" },
|
|
{ icon: Target, text: "User-Centered Design" },
|
|
{ icon: Zap, text: "Fast Load Times" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "", title: "SEO & Performance", description: "Built-in SEO best practices and lightning-fast performance ensure your website ranks well and keeps visitors engaged.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-young-man_482257-18759.jpg", imageAlt: "SEO optimization web analytics" },
|
|
items: [
|
|
{ icon: Search, text: "SEO Optimized" },
|
|
{ icon: Zap, text: "Lightning Fast" },
|
|
{ icon: BarChart3, text: "Performance Focused" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
title="Featured Website Projects"
|
|
description="Explore some of our recent work and see how we've helped businesses like yours grow online."
|
|
tag="Our Work"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "project-1", name: "TechCorp Website", price: "Enterprise", variant: "B2B Platform", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-20731.jpg", imageAlt: "enterprise B2B website design" },
|
|
{ id: "project-2", name: "E-Commerce Store", price: "Premium", variant: "Online Retail", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-app-pack-template_23-2148651171.jpg", imageAlt: "ecommerce store website design" },
|
|
{ id: "project-3", name: "SaaS Dashboard", price: "Advanced", variant: "Software Solution", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "SaaS dashboard software interface" }
|
|
]}
|
|
carouselMode="buttons"
|
|
buttons={[
|
|
{ text: "View All Projects", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Real feedback from real businesses who have transformed their online presence with W3bforyou."
|
|
tag="Client Success"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
kpiItems={[
|
|
{ value: "500+", label: "Happy Clients" },
|
|
{ value: "95%", label: "Satisfaction Rate" },
|
|
{ value: "3x", label: "Average ROI Growth" }
|
|
]}
|
|
testimonials={[
|
|
{ id: "testimonial-1", name: "Sarah Johnson", role: "CEO", company: "TechCorp Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", imageAlt: "professional woman portrait headshot" },
|
|
{ id: "testimonial-2", name: "Michael Chen", role: "Marketing Director", company: "Global Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", imageAlt: "professional man portrait headshot" },
|
|
{ id: "testimonial-3", name: "Emily Rodriguez", role: "Founder", company: "Innovation Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg", imageAlt: "professional woman founder portrait" },
|
|
{ id: "testimonial-4", name: "David Kim", role: "Product Manager", company: "Digital Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-1552.jpg", imageAlt: "professional man product manager" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Read More Success Stories", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the perfect plan for your business. All plans include ongoing support and unlimited revisions."
|
|
tag="Pricing Plans"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "$2,499", period: "one-time", features: [
|
|
"5-page website", "Mobile responsive design", "Basic SEO optimization", "Contact form", "1 month of support"
|
|
],
|
|
button: { text: "Get Started", href: "#contact" }
|
|
},
|
|
{
|
|
id: "professional", title: "Professional", price: "$5,999", period: "one-time", features: [
|
|
"10-page website", "Advanced SEO optimization", "E-commerce integration", "Blog platform", "3 months of support", "Performance optimization"
|
|
],
|
|
button: { text: "Choose Plan", href: "#contact" },
|
|
imageSrc: "http://img.b2bpic.net/free-vector/businesswomen-with-puzzle-bills-with-stratistics-bar_24640-45057.jpg", imageAlt: "pricing plans comparison table"
|
|
},
|
|
{
|
|
id: "enterprise", title: "Enterprise", price: "Custom", period: "quote", features: [
|
|
"Unlimited pages", "Custom integrations", "Advanced analytics", "Priority support", "6 months of support", "Dedicated account manager"
|
|
],
|
|
button: { text: "Request Quote", href: "#contact" }
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Compare All Plans", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Transform Your Online Presence?"
|
|
ctaDescription="Let's work together to create a website that drives results. Get in touch with our team today for a free consultation."
|
|
ctaButton={{ text: "Schedule Your Consultation", href: "mailto:hello@w3bforyou.com" }}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{ id: "faq-1", title: "What's included in a W3bforyou website?", content: "Every website includes responsive design, SEO optimization, fast performance, security features, and ongoing support. We customize each package based on your specific business needs and goals." },
|
|
{ id: "faq-2", title: "How long does it take to build a website?", content: "Most projects are completed within 4-8 weeks, depending on complexity and scope. We keep you updated throughout the process and ensure your input shapes the final product." },
|
|
{ id: "faq-3", title: "Do you provide ongoing support?", content: "Yes! All our plans include support. We handle updates, security patches, backups, and can help with content changes. We're here to ensure your website runs smoothly." },
|
|
{ id: "faq-4", title: "Can you help with e-commerce?", content: "Absolutely. We build secure, high-converting e-commerce stores with payment processing, inventory management, and analytics. Perfect for businesses looking to sell online." },
|
|
{ id: "faq-5", title: "What if I need custom features?", content: "We specialize in custom solutions. Whether it's integrations, unique functionality, or specialized systems, we can build exactly what your business needs. Contact us to discuss your requirements." },
|
|
{ id: "faq-6", title: "Do you offer website redesigns?", content: "Yes, we can redesign your existing website to improve performance, aesthetics, and conversions. We analyze your current site and propose improvements that drive results." }
|
|
]}
|
|
ariaLabel="Contact and FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="W3bforyou"
|
|
copyrightText="© 2025 W3bforyou. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Web Design", href: "#services" },
|
|
{ label: "E-Commerce", href: "#services" },
|
|
{ label: "SEO", href: "#services" },
|
|
{ label: "Custom Development", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Support", href: "#contact" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "FAQ", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
logoImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmsaMcQiil55brbXOK64u9qHN/uploaded-1773544398391-c6rmsvcx.png"
|
|
logoImageAlt="W3bforyou logo"
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |