|
|
|
@@ -10,7 +10,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
import { Crown, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
import { Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -31,11 +31,10 @@ export default function LandingPage() {
|
|
|
|
brandName="ArayaDigital"
|
|
|
|
brandName="ArayaDigital"
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Why Us", id: "features" },
|
|
|
|
{ name: "Why Us", id: "features" },
|
|
|
|
{ name: "Portfolio", id: "product" },
|
|
|
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
{ name: "FAQ", id: "faq" }
|
|
|
|
{ name: "FAQ", id: "faq" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
button={{ text: "Get a Free Quote", href: "contact" }}
|
|
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
|
|
animateOnLoad={true}
|
|
|
|
animateOnLoad={true}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -47,8 +46,8 @@ export default function LandingPage() {
|
|
|
|
tag="Web Design Agency"
|
|
|
|
tag="Web Design Agency"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "See Our Work", href: "product" },
|
|
|
|
{ text: "View Design Examples", href: "#features" },
|
|
|
|
{ text: "Get a Free Quote", href: "contact" }
|
|
|
|
{ text: "Let's Talk", href: "contact" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
@@ -71,7 +70,7 @@ export default function LandingPage() {
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
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?_wi=1", imageAlt: "Fast delivery representation"
|
|
|
|
title: "72-Hour Turnaround", description: "Most projects completed within 72 hours. 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?_wi=1", imageAlt: "Fast delivery representation"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
@@ -79,7 +78,7 @@ export default function LandingPage() {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
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?_wi=1", imageAlt: "Clear pricing structure"
|
|
|
|
title: "Branding & Design Excellence", description: "We focus on creating stunning visual identities and design examples that showcase your brand's unique personality and strengths.", imageSrc: "http://img.b2bpic.net/free-vector/minimal-architecture-project-landing-page_23-2149447724.jpg?_wi=1", imageAlt: "Design showcase"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 4,
|
|
|
|
id: 4,
|
|
|
|
@@ -94,22 +93,22 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="product" data-section="product">
|
|
|
|
<div id="product" data-section="product">
|
|
|
|
<ProductCardTwo
|
|
|
|
<ProductCardTwo
|
|
|
|
title="Portfolio Highlights"
|
|
|
|
title="Design Examples"
|
|
|
|
description="Explore websites we've built for successful local businesses just like yours."
|
|
|
|
description="Explore the beautiful websites and branding we've created for successful local businesses."
|
|
|
|
tag="Case Studies"
|
|
|
|
tag="Our Work"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", brand: "Restaurant & Dining", name: "Coastal Bistro Online Ordering Platform", price: "Increased Orders 45%", rating: 5,
|
|
|
|
id: "1", brand: "Restaurant & Dining", name: "Coastal Bistro Online Ordering Platform", price: "Modern Design", rating: 5,
|
|
|
|
reviewCount: "127 customers", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg?_wi=2", imageAlt: "Coastal Bistro website"
|
|
|
|
reviewCount: "Responsive", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg?_wi=2", imageAlt: "Coastal Bistro website"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", brand: "Beauty & Wellness", name: "Blush Salon Booking System", price: "Bookings Up 38%", rating: 5,
|
|
|
|
id: "2", brand: "Beauty & Wellness", name: "Blush Salon Booking System", price: "Elegant Design", rating: 5,
|
|
|
|
reviewCount: "89 clients", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg?_wi=2", imageAlt: "Blush Salon website"
|
|
|
|
reviewCount: "Mobile First", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg?_wi=2", imageAlt: "Blush Salon website"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", brand: "Construction & Trades", name: "BuildRight Pro Lead Generator", price: "Leads Generated 52%", rating: 5,
|
|
|
|
id: "3", brand: "Construction & Trades", name: "BuildRight Pro Lead Generator", price: "Professional", rating: 5,
|
|
|
|
reviewCount: "156 inquiries", imageSrc: "http://img.b2bpic.net/free-vector/minimal-architecture-project-landing-page_23-2149447724.jpg?_wi=2", imageAlt: "BuildRight Pro website"
|
|
|
|
reviewCount: "Fast Loading", imageSrc: "http://img.b2bpic.net/free-vector/minimal-architecture-project-landing-page_23-2149447724.jpg?_wi=2", imageAlt: "BuildRight Pro website"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
@@ -123,38 +122,17 @@ export default function LandingPage() {
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
<PricingCardTwo
|
|
|
|
<PricingCardTwo
|
|
|
|
title="Simple, Transparent Pricing"
|
|
|
|
title="Simple, Transparent Pricing"
|
|
|
|
description="Choose the package that fits your business needs. All packages include ongoing support and updates."
|
|
|
|
description="One flat rate for beautiful, conversion-focused design. No hidden fees. Payment only after you approve and receive your website."
|
|
|
|
tag="Pricing Plans"
|
|
|
|
tag="Pricing"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "starter", badge: "Starter", badgeIcon: Zap,
|
|
|
|
id: "standard", badge: "Standard Package", badgeIcon: Sparkles,
|
|
|
|
price: "$2,500", subtitle: "Perfect for first-time website builders", buttons: [
|
|
|
|
price: "$1,999", subtitle: "Everything you need for a professional web presence", buttons: [
|
|
|
|
{ text: "Get Started", href: "contact" },
|
|
|
|
{ text: "Get Started", href: "contact" }
|
|
|
|
{ text: "Learn More" }
|
|
|
|
|
|
|
|
],
|
|
|
|
],
|
|
|
|
features: [
|
|
|
|
features: [
|
|
|
|
"5-page professional website", "Mobile-responsive design", "Basic SEO optimization", "Contact form integration", "1 month free support"
|
|
|
|
"5-page professional website", "Mobile-responsive design", "Professional branding", "Contact form integration", "72-hour turnaround", "Payment after approval"
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"
|
|
|
|
|
|
|
|
]
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -200,7 +178,7 @@ export default function LandingPage() {
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
<FeatureCardSix
|
|
|
|
<FeatureCardSix
|
|
|
|
title="Our Process"
|
|
|
|
title="Our Process"
|
|
|
|
description="A streamlined approach designed for speed without sacrificing quality. From discovery to launch in weeks, not months."
|
|
|
|
description="A streamlined approach designed for speed without sacrificing quality. From discovery to launch in 72 hours."
|
|
|
|
tag="How We Work"
|
|
|
|
tag="How We Work"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
@@ -214,11 +192,11 @@ export default function LandingPage() {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
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?_wi=3", imageAlt: "Testing and launch"
|
|
|
|
title: "Review & Approval", description: "You review the completed website and let us know if any changes are needed. We make adjustments until you're completely satisfied.", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-landing-page-template-design_23-2149609569.jpg?_wi=3", imageAlt: "Review process"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 4,
|
|
|
|
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?_wi=3", imageAlt: "Support and growth"
|
|
|
|
title: "Launch & Payment", description: "Your website goes live. Payment is due only after you approve and receive your completed website. No upfront payments—only when you're happy.", imageSrc: "http://img.b2bpic.net/free-psd/luxury-curly-hair-landing-page-template_23-2149975005.jpg?_wi=3", imageAlt: "Launch"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
@@ -235,22 +213,22 @@ export default function LandingPage() {
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
faqs={[
|
|
|
|
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: "1", title: "How long does it take to build my website?", content: "Most projects are completed within 72 hours from discovery to delivery. We prioritize speed without cutting corners."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
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: "2", title: "What happens if I don't like the design?", content: "You review the website before payment. We make changes until you're satisfied. You only pay after approval."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
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: "3", title: "When do I pay?", content: "Payment happens after delivery and only if you approve the website. No upfront payments. You're in complete control."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
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: "4", title: "What's included in the $1,999 package?", content: "5-page professional website, mobile-responsive design, professional branding, contact form integration, and a beautiful, fast-loading site built for conversions."
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
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: "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."
|
|
|
|
id: "6", title: "Is there ongoing support after launch?", content: "Yes. We provide support for updates, maintenance, and optimization after your website launches. No recurring support fees—included as part of your service."
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
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?_wi=2"
|
|
|
|
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?_wi=2"
|
|
|
|
@@ -266,11 +244,10 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactText
|
|
|
|
<ContactText
|
|
|
|
text="Ready to transform your local business with a world-class website? Let's schedule your free consultation."
|
|
|
|
text="Ready to transform your local business with a world-class website? Let's start the conversation."
|
|
|
|
animationType="entrance-slide"
|
|
|
|
animationType="entrance-slide"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Schedule Free Consultation" },
|
|
|
|
{ text: "Get Started Now" }
|
|
|
|
{ text: "See Portfolio", href: "product" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
