289 lines
17 KiB
TypeScript
289 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Zap, Award, CheckCircle, HelpCircle, Send } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="WebiSecured"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Professional Websites That Attract Customers"
|
|
description="We create stunning, conversion-optimized websites designed specifically for local businesses. Stand out online and watch your customer base grow."
|
|
tag="Web Design Agency"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg"
|
|
imageAlt="Professional website design showcase"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Maria Rodriguez", handle: "Owner, Rodriguez Plumbing", testimonial: "Our website transformed how customers find us. We've doubled our inquiries in just 3 months!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
|
},
|
|
{
|
|
name: "James Chen", handle: "Manager, Chen's Restaurant", testimonial: "Professional design + perfect SEO = more reservations. Best investment we made this year.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-smiling_1098-63.jpg"
|
|
},
|
|
{
|
|
name: "Patricia Williams", handle: "CEO, Williams Legal Services", testimonial: "The quality is exceptional. Our website conveys trust and professionalism to every client.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "See Our Work", href: "#portfolio" },
|
|
{ text: "Start Your Project", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Local Businesses Choose Us"
|
|
description={[
|
|
"We understand the unique challenges local businesses face online. In a competitive digital landscape, a generic website isn't enough. We build custom-designed, fully optimized websites that turn visitors into paying customers.", "Every site we create combines stunning visual design with strategic SEO, fast performance, and mobile optimization. Your website isn't just beautiful—it's a powerful sales tool built specifically for your business and your target audience."
|
|
]}
|
|
useInvertedBackground={true}
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "Learn Our Process", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Web Design Services"
|
|
description="From stunning design to seamless functionality, we deliver websites that work as hard as you do."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Custom Web Design", description: "Bespoke, modern website designs tailored to your brand identity and business goals.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-desk_23-2149930959.jpg", imageAlt: "Custom web design process", button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "SEO Optimization", description: "On-page and technical SEO that drives organic traffic and helps customers find you on Google.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg", imageAlt: "SEO optimization strategy", button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Mobile-First Design", description: "Responsive designs optimized for all devices. Your customers shop and browse on phones—so should your site.", imageSrc: "http://img.b2bpic.net/free-vector/template-landing-page-with-smartphone_23-2148328146.jpg", imageAlt: "Mobile-responsive design", button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "E-commerce Solutions", description: "Sell online with secure, fast, and user-friendly e-commerce platforms integrated with payment processing.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-woman-inputting-card-information-key-phone-laptop-while-shopping-online_1423-76.jpg", imageAlt: "E-commerce website solution", button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Performance & Speed", description: "Lightning-fast loading times that keep visitors engaged and improve your search rankings.", imageSrc: "http://img.b2bpic.net/free-photo/please-wait-loading-waitng-trasfer-anticipation-concept_53876-132290.jpg", imageAlt: "Website performance optimization", button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Ongoing Support", description: "Maintenance, updates, and support to keep your website secure, fast, and always working for you.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg", imageAlt: "Website support and maintenance", button: { text: "Learn More", href: "#contact" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Recent Client Projects"
|
|
description="Real results from real local businesses. See how we've helped companies across industries grow online."
|
|
tag="Portfolio"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Restaurant & Bar", name: "Riverside Bistro", price: "+45% Reservations", rating: 5, reviewCount: "Local favorite", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg", imageAlt: "Riverside Bistro website"
|
|
},
|
|
{
|
|
id: "2", brand: "Home Services", name: "ProFix Plumbing", price: "+120% Service Calls", rating: 5, reviewCount: "Top rated", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-construction-domain_23-2149554629.jpg", imageAlt: "ProFix Plumbing website"
|
|
},
|
|
{
|
|
id: "3", brand: "Retail Shop", name: "Artisan Boutique", price: "+200% Online Sales", rating: 5, reviewCount: "Growing fast", imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page-template_23-2148583014.jpg", imageAlt: "Artisan Boutique website"
|
|
},
|
|
{
|
|
id: "4", brand: "Professional Services", name: "Smith Legal Group", price: "+80% Client Inquiries", rating: 5, reviewCount: "Trusted locally", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-15994.jpg", imageAlt: "Smith Legal Group website"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Local Businesses"
|
|
description="Join hundreds of local businesses that have transformed their online presence with WebiSecured."
|
|
tag="Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Rodriguez Plumbing", "Chen's Restaurant", "Williams Legal Services", "Artisan Boutique", "ProFix Services", "Local Coffee House", "Family Dental Practice", "Downtown Auto Repair"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="WebiSecured didn't just build us a website—they transformed how customers find and interact with our business. The design is beautiful, it loads instantly, and our phone hasn't stopped ringing with new customers. This is exactly what we needed."
|
|
rating={5}
|
|
author="David Martinez, Martinez Family Restaurant"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg", alt: "Client avatar 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client avatar 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client avatar 3" },
|
|
{ src: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147941911.jpg", alt: "Client avatar 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client avatar 5" },
|
|
{ src: "http://img.b2bpic.net/free-vector/set-casual-stylish-fashionable-people-icons-flat-style_126523-1141.jpg", alt: "Client avatar 6" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our web design services and process."
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg"
|
|
imageAlt="Customer support"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to build a website?", content: "Most websites take 4-8 weeks from start to launch, depending on complexity and scope. We'll provide you with a detailed timeline during our initial consultation."
|
|
},
|
|
{
|
|
id: "2", title: "What's included in your web design service?", content: "Our packages include custom design, responsive development, SEO optimization, page speed optimization, and mobile testing. We also provide initial training and ongoing support."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide ongoing support after launch?", content: "Yes! We offer maintenance packages that include security updates, performance monitoring, backup management, and technical support. You can focus on your business while we handle your website."
|
|
},
|
|
{
|
|
id: "4", title: "Can you help with SEO?", content: "Absolutely. Every website we build includes on-page SEO optimization, technical SEO setup, and we can discuss ongoing content strategies to help you rank higher on Google."
|
|
},
|
|
{
|
|
id: "5", title: "What if I need changes or updates?", content: "We make unlimited revisions during the design phase. After launch, you can request updates through our client portal, or we can schedule maintenance appointments as needed."
|
|
},
|
|
{
|
|
id: "6", title: "Do you create mobile-friendly websites?", content: "Every website we create is mobile-first responsive design. Your site will look and work perfectly on phones, tablets, and desktops."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready to Grow Your Business?"
|
|
description="Let's talk about your web design goals. Share your vision, and we'll show you how we can help your business succeed online."
|
|
tagIcon={Send}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
|
|
imageAlt="WebiSecured team working together"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Your Free Consultation"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By submitting, you agree to our privacy policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Web Design", href: "#services" },
|
|
{ label: "SEO Optimization", href: "#services" },
|
|
{ label: "E-commerce", href: "#services" },
|
|
{ label: "Web Maintenance", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Get Started", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Sitemap", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 WebiSecured. All rights reserved."
|
|
bottomRightText="Helping local businesses grow online."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|