267 lines
20 KiB
TypeScript
267 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { Award, Code, DollarSign, Globe, HelpCircle, Instagram, Linkedin, Send, Sparkles, Star, ThumbsUp, TrendingUp, Twitter, Zap } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Sales United"
|
|
bottomLeftText="Global Web Solutions"
|
|
bottomRightText="hello@salesunited.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Build Websites That Sell"
|
|
description="We specialize in creating high-converting websites that drive business results. From design to deployment, we handle every detail to ensure your online presence stands out and generates revenue."
|
|
tag="Web Design Agency"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "#contact" },
|
|
{ text: "View Our Work", href: "#portfolio" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-modern-clean-website-dashboard-interfa-1772813017881-74de2de5.png", imageAlt: "Modern Dashboard Interface"},
|
|
{
|
|
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-sleek-e-commerce-website-homepage-with-1772813017981-1c98f11d.png", imageAlt: "E-Commerce Website"},
|
|
{
|
|
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-vibrant-saas-landing-page-with-hero-se-1772813017494-933282ee.png", imageAlt: "SaaS Landing Page"},
|
|
{
|
|
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-sophisticated-corporate-website-design-1772813017832-57355b32.png", imageAlt: "Corporate Website Design"},
|
|
{
|
|
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-creative-agency-website-with-portfolio-1772813018077-ff37a57e.png", imageAlt: "Portfolio Grid Layout"},
|
|
{
|
|
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-mobile-first-responsive-website-design-1772813018905-be765a86.png", imageAlt: "Responsive Design"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Your Vision, Our Expertise"
|
|
description="At Sales United, we transform business ideas into stunning digital experiences. With over a decade of combined experience in web design, development, and digital strategy, we've helped hundreds of businesses establish powerful online presences that drive growth and engagement."
|
|
tag="About Sales United"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Learn Our Process", href: "#services" },
|
|
{ text: "Meet the Team", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-team-collaboration-scene--1772813017439-d8862d50.png"
|
|
imageAlt="Sales United Team Collaboration"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Services We Provide"
|
|
description="From concept to launch, we offer comprehensive web solutions tailored to your business needs. Our full-stack approach ensures every project succeeds."
|
|
tag="Our Offerings"
|
|
tagIcon={Code}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1", title: "Website Design & Development", tags: ["Custom", "Responsive", "Modern"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-responsive-website-design-mockup-on-mu-1772813018220-f24865b0.png", imageAlt: "Responsive Website Design"},
|
|
{
|
|
id: "2", title: "UI/UX Design & Component Systems", tags: ["User-Focused", "Scalable", "Accessible"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-collection-of-modern-ui-components-inc-1772813018209-2316130a.png", imageAlt: "UI Components Collection"},
|
|
{
|
|
id: "3", title: "Design Systems & Brand Guidelines", tags: ["Consistent", "Professional", "Strategic"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-detailed-design-system-documentation-s-1772813018439-2306b858.png", imageAlt: "Design System Documentation"},
|
|
{
|
|
id: "4", title: "Conversion Rate Optimization", tags: ["Data-Driven", "Results-Focused", "ROI"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-conversion-optimized-website-layout-fe-1772813042062-c53eefdc.png", imageAlt: "Conversion Optimization Strategy"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Featured Projects"
|
|
description="Explore our latest work. Each project showcases our commitment to quality design and measurable business results."
|
|
tag="Portfolio"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "TechFlow Inc", name: "E-Commerce Platform Redesign", price: "$85,000+", rating: 5,
|
|
reviewCount: "450% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-modern-e-commerce-website-showcase-wit-1772813017365-cac01c19.png", imageAlt: "E-Commerce Website Project"},
|
|
{
|
|
id: "2", brand: "StartupXYZ", name: "SaaS Landing Page Launch", price: "$45,000+", rating: 5,
|
|
reviewCount: "300% Lead Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-tech-startup-saas-landing-page-with-mo-1772813018241-158197a7.png", imageAlt: "SaaS Landing Page"},
|
|
{
|
|
id: "3", brand: "Legal Associates", name: "Corporate Website Overhaul", price: "$65,000+", rating: 5,
|
|
reviewCount: "280% Traffic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-services-law-firm-website-1772813048319-c0fe6a01.png", imageAlt: "Corporate Website"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Track Record"
|
|
description="Real results from real projects. We measure success by your business growth."
|
|
tag="Proven Results"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500", title: "websites launched", description: "Successfully delivered projects worldwide", icon: Globe,
|
|
},
|
|
{
|
|
id: "2", value: "98", title: "percent satisfaction", description: "Client satisfaction and retention rate", icon: ThumbsUp,
|
|
},
|
|
{
|
|
id: "3", value: "2.5", title: "billion in sales", description: "Generated for our clients combined", icon: DollarSign,
|
|
},
|
|
{
|
|
id: "4", value: "12", title: "years of experience", description: "Industry expertise and innovation", icon: Award,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Hear directly from business leaders who've transformed their operations with our websites."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, CEO of TechFlow Inc", date: "Date: November 15, 2024", title: "Exceeded All Our Expectations", quote: "The team at Sales United completely transformed our online presence. Their website design not only looks incredible but has driven a 450% increase in our e-commerce conversions. Professional, responsive, and truly results-driven.", tag: "E-Commerce", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-business-ow-1772813016519-89c0ecd8.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-business-ow-1772813016519-89c0ecd8.png"},
|
|
{
|
|
id: "2", name: "Michael Chen, Founder of StartupXYZ", date: "Date: October 28, 2024", title: "Perfect Partner for Our Launch", quote: "We needed a SaaS landing page that could convert. Sales United delivered exactly that. The design is clean, the messaging is powerful, and we've seen triple the leads we were expecting within the first month.", tag: "SaaS", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-female-mark-1772813017526-3e131d54.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-female-mark-1772813017526-3e131d54.png"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Managing Partner at Legal Associates", date: "Date: September 10, 2024", title: "A Complete Professional Experience", quote: "Hiring Sales United was one of the best decisions we made. Their attention to detail, understanding of our industry, and commitment to our success resulted in a website that has become our greatest marketing asset.", tag: "Corporate", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-male-entrep-1772813016593-9f47d013.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-male-entrep-1772813016593-9f47d013.png"},
|
|
{
|
|
id: "4", name: "David Kim, CTO of InnovateLab", date: "Date: August 22, 2024", title: "Technical Excellence & Design Quality", quote: "Sales United combines technical expertise with exceptional design sensibility. Our new platform is not just beautiful but performs flawlessly. Their team understood our complex requirements and delivered beyond expectations.", tag: "Technology", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-female-foun-1772813016834-c9bd7220.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-female-foun-1772813016834-c9bd7220.png"},
|
|
{
|
|
id: "5", name: "Jessica Liu, Operations Director at GrowthCo", date: "Date: July 30, 2024", title: "Transformed Our Business", quote: "What impressed us most was how Sales United took time to understand our business goals before diving into design. The result is a website that truly represents who we are and helps us attract the right customers.", tag: "Services", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-business-op-1772813016378-4d335381.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-business-op-1772813016378-4d335381.png"},
|
|
{
|
|
id: "6", name: "Robert Thompson, VP Sales at ValuePlus", date: "Date: June 18, 2024", title: "Exceptional Value & Support", quote: "Not only did they create a stunning website, but their ongoing support and optimization recommendations have proven invaluable. Sales United truly partners with their clients for long-term success.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-tech-compan-1772813016457-e7d2234f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-professional-headshot-of-a-tech-compan-1772813016457-e7d2234f.png"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our web design services, process, and pricing."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
mediaPosition="left"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZvRbu8K0b2gWqJVhJiXAWMzus/a-detailed-screenshot-showing-a-website--1772813017812-06cfcefc.png"
|
|
imageAlt="FAQ Support Section"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is your typical project timeline?", content: "Most website projects take between 8-16 weeks from kickoff to launch, depending on complexity and scope. We provide a detailed timeline during the discovery phase. Rush options are available for qualified projects."},
|
|
{
|
|
id: "2", title: "Do you offer ongoing support after launch?", content: "Yes! We offer maintenance, hosting, updates, and optimization services. Most clients stay with us long-term as we handle all technical aspects while they focus on their business."},
|
|
{
|
|
id: "3", title: "How much does a website cost?", content: "Website costs range from $15,000 for small business sites to $100,000+ for enterprise solutions. We provide custom quotes based on your specific requirements, features needed, and business goals."},
|
|
{
|
|
id: "4", title: "What's your design process?", content: "Our process includes: Discovery & Strategy → Wireframing → Design → Development → Testing → Launch. We involve you at key milestones and welcome feedback throughout."},
|
|
{
|
|
id: "5", title: "Will my website be mobile-responsive?", content: "Absolutely. All our websites are fully responsive and optimized for mobile, tablet, and desktop. We prioritize mobile-first design to ensure great experiences across all devices."},
|
|
{
|
|
id: "6", title: "Do you handle SEO and digital marketing?", content: "We build SEO-friendly websites with proper structure and optimization. For comprehensive digital marketing services, we partner with trusted agencies or can recommend specialists in your industry."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
tagIcon={Send}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Build Something Amazing?"
|
|
description="Let's discuss your project and explore how Sales United can help your business grow through exceptional web design and development."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We respect your privacy. We'll only use your information to discuss your project and send relevant updates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Sales United"
|
|
copyrightText="© 2025 Sales United. Building websites that drive business results."
|
|
socialLinks={[
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/sales-united", ariaLabel: "LinkedIn"},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/salesunited", ariaLabel: "Twitter"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/salesunited", ariaLabel: "Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|