290 lines
18 KiB
TypeScript
290 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Crown, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="ArayaDigital"
|
|
navItems={[
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Portfolio", id: "product" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Get a Free Quote", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Your Local Business Deserves a World-Class Website"
|
|
description="We design beautiful, fast-loading websites built to convert customers. From restaurants to salons to contractors—we know your business."
|
|
tag="Web Design Agency"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "See Our Work", href: "product" },
|
|
{ text: "Get a Free Quote", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149483543.jpg", imageAlt: "ArayaDigital website mockup displayed on multiple devices" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149483543.jpg", imageAlt: "Beautiful responsive website design" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149483543.jpg", imageAlt: "Professional web interface" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="Hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="Why ArayaDigital"
|
|
description="We combine speed, expertise, and transparency to deliver websites that work for your local business."
|
|
tag="Our Approach"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Fast Turnaround", description: "Most projects completed within 2-4 weeks. We understand your business can't wait for months of development.", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg", imageAlt: "Fast delivery representation"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Industry Expertise", description: "Years of experience building websites specifically for restaurants, salons, contractors, and retail shops. We speak your language.", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg", imageAlt: "Industry expertise showcase"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Transparent Pricing", description: "No hidden fees or surprise costs. Know exactly what you're paying for and what results to expect.", imageSrc: "http://img.b2bpic.net/free-vector/minimal-architecture-project-landing-page_23-2149447724.jpg", imageAlt: "Clear pricing structure"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Conversion-Focused Design", description: "Every pixel is designed to turn visitors into customers. Your website isn't just beautiful—it's built to generate leads.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149483543.jpg", imageAlt: "Conversion optimization"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Portfolio Highlights"
|
|
description="Explore websites we've built for successful local businesses just like yours."
|
|
tag="Case Studies"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Restaurant & Dining", name: "Coastal Bistro Online Ordering Platform", price: "Increased Orders 45%", rating: 5,
|
|
reviewCount: "127 customers", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg", imageAlt: "Coastal Bistro website"
|
|
},
|
|
{
|
|
id: "2", brand: "Beauty & Wellness", name: "Blush Salon Booking System", price: "Bookings Up 38%", rating: 5,
|
|
reviewCount: "89 clients", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg", imageAlt: "Blush Salon website"
|
|
},
|
|
{
|
|
id: "3", brand: "Construction & Trades", name: "BuildRight Pro Lead Generator", price: "Leads Generated 52%", rating: 5,
|
|
reviewCount: "156 inquiries", imageSrc: "http://img.b2bpic.net/free-vector/minimal-architecture-project-landing-page_23-2149447724.jpg", imageAlt: "BuildRight Pro website"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the package that fits your business needs. All packages include ongoing support and updates."
|
|
tag="Pricing Plans"
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Starter", badgeIcon: Zap,
|
|
price: "$2,500", subtitle: "Perfect for first-time website builders", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More" }
|
|
],
|
|
features: [
|
|
"5-page professional website", "Mobile-responsive design", "Basic SEO optimization", "Contact form integration", "1 month free support"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", badge: "Professional", badgeIcon: Star,
|
|
price: "$5,000", subtitle: "Most popular for growing businesses", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More" }
|
|
],
|
|
features: [
|
|
"Up to 15 pages", "E-commerce integration", "Advanced SEO & analytics", "Online booking system", "3 months free support"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Crown,
|
|
price: "$10,000+", subtitle: "For ambitious scaling businesses", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More" }
|
|
],
|
|
features: [
|
|
"Unlimited pages & custom design", "Full e-commerce platform", "Custom integrations", "Priority support & training", "6 months free support"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Trusted by Local Business Owners"
|
|
description="Real stories from business owners who transformed their online presence with ArayaDigital."
|
|
tag="Testimonials"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "My Sales Increased Within Weeks", quote: "ArayaDigital delivered a stunning website that actually converts. Within 30 days, I saw a 40% increase in online orders. Their team understood my restaurant business from day one.", name: "Marco Rossi", role: "Owner, Rossi's Italian Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marco Rossi"
|
|
},
|
|
{
|
|
id: "2", title: "Professional Without the Price Tag", quote: "I was intimidated by web design costs. ArayaDigital's transparent pricing and quick delivery made it easy. My salon looks premium online, and bookings are up 35%.", name: "Jessica Chen", role: "Owner, Luminous Salon & Spa", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Finally, a Partner Who Gets Construction", quote: "Most agencies don't understand contractors' needs. ArayaDigital built me a portfolio showcase that lands projects. Now clients call before I even send quotes.", name: "David Thompson", role: "Owner, Thompson Construction Group", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "4", title: "From Zero to Online Hero", quote: "We had no online presence. Now our retail shop gets foot traffic from online discovery. ArayaDigital made the entire process painless and affordable.", name: "Angela Morrison", role: "Manager, Artisan Retail Collective", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Angela Morrison"
|
|
},
|
|
{
|
|
id: "5", title: "Speed and Quality in Perfect Balance", quote: "Three weeks from concept to launch. Their team was responsive, creative, and knew exactly how to showcase my plumbing services online.", name: "Robert Patel", role: "Owner, ProFlow Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert Patel"
|
|
},
|
|
{
|
|
id: "6", title: "Conversion Numbers Don't Lie", quote: "Website visits are one thing. ArayaDigital built me a machine that converts visitors into leads. My ROI exceeded expectations in month one.", name: "Sarah Mitchell", role: "Owner, Mitchell Event Planning", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Mitchell"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardSix
|
|
title="Our Process"
|
|
description="A streamlined approach designed for speed without sacrificing quality. From discovery to launch in weeks, not months."
|
|
tag="How We Work"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Discovery & Strategy", description: "We learn your business, your audience, and your goals. In our first call, we understand what makes you different.", 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: "Discovery phase"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Design & Development", description: "Our team designs mockups, gets your approval, then builds a fast, beautiful, mobile-first website using modern technology.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149483543.jpg", imageAlt: "Design and development"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Testing & Launch", description: "We rigorously test functionality, performance, and user experience across all devices. Your site goes live with confidence.", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg", imageAlt: "Testing and launch"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Support & Growth", description: "Launch is just the beginning. We monitor performance, make updates, and optimize for conversions. Your success is our success.", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg", imageAlt: "Support and growth"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Quick answers to questions we hear from local business owners about our process, pricing, and support."
|
|
tag="FAQs"
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to build my website?", content: "Most projects take 2-4 weeks from discovery to launch. We prioritize speed without cutting corners. Larger e-commerce sites may take 4-8 weeks."
|
|
},
|
|
{
|
|
id: "2", title: "Do you provide hosting and domain registration?", content: "Yes. We handle all technical setup including hosting, domain registration, and SSL certificates. Hosting is included in your first year."
|
|
},
|
|
{
|
|
id: "3", title: "Can you integrate booking/ordering systems?", content: "Absolutely. We integrate online booking for salons/spas, ordering systems for restaurants, and custom forms for contractors and service providers."
|
|
},
|
|
{
|
|
id: "4", title: "What if I need changes after launch?", content: "Your package includes free revisions during the initial 1-3 months post-launch. After that, we offer affordable monthly support plans."
|
|
},
|
|
{
|
|
id: "5", title: "Will my website be mobile-friendly?", content: "Yes. Every website we build is fully responsive and optimized for mobile devices. Over 70% of web traffic is mobile—we design for that."
|
|
},
|
|
{
|
|
id: "6", title: "Do you help with SEO?", content: "Yes. Basic SEO is included in all packages. We optimize your site structure, content, and technical elements to help you rank locally."
|
|
}
|
|
]}
|
|
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="Customer support team ready to help"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your local business with a world-class website? Let's schedule your free consultation."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Schedule Free Consultation" },
|
|
{ text: "See Portfolio", href: "product" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="ArayaDigital"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|