|
|
|
|
@@ -6,12 +6,19 @@ import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
|
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
|
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
|
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
|
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
|
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
|
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
|
import { ArrowRight, CheckCircle, Sparkles, Star } from "lucide-react";
|
|
|
|
|
import { ArrowRight, CheckCircle, Sparkles, Phone, Mail } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const handlePhoneClick = () => {
|
|
|
|
|
window.location.href = "tel:206-741-9017";
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleEmailClick = () => {
|
|
|
|
|
window.location.href = "mailto:CoreScale.co@gmail.com";
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
|
@@ -32,7 +39,6 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Why We Matter", id: "why-matters" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
@@ -86,7 +92,7 @@ export default function LandingPage() {
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", badge: "Website Design", badgeIcon: Sparkles,
|
|
|
|
|
price: "Starting at $250", subtitle: "Perfect for your first website or redesign", buttons: [
|
|
|
|
|
price: "Starting at $250", subtitle: "Professional website starting at $250 built to help your business attract more customers online", buttons: [
|
|
|
|
|
{ text: "Get Started", href: "contact" },
|
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
@@ -132,53 +138,21 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Real feedback from small business owners who've grown their online presence with CoreScale. With star ratings and detailed reviews, see why our clients trust us."
|
|
|
|
|
tag="Client Success"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Mitchell", role: "Owner", company: "Mitchell's Cleaning Services", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "David Chen", role: "Founder", company: "Chen's Local Plumbing", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "David Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Jennifer Rodriguez", role: "Owner", company: "Rodriguez Photography Studio", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=3", imageAlt: "Jennifer Rodriguez"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Marcus Thompson", role: "Owner", company: "Thompson's Landscaping", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=4", imageAlt: "Marcus Thompson"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Ready to Get Your Website?"
|
|
|
|
|
ctaDescription="Contact CoreScale today and let's discuss how we can help your business grow online. We're ready to answer your questions and get you started."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Contact Us Now", href: "mailto:CoreScale.co@gmail.com"
|
|
|
|
|
text: "Contact Us Now", onClick: handlePhoneClick
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={ArrowRight}
|
|
|
|
|
ctaIcon={Phone}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
accordionAnimationType="smooth"
|
|
|
|
|
showCard={true}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "How much does a website cost?", content: "Website design starts at $250. This includes professional modern design, mobile-friendly layout, fast loading pages, and everything needed to build customer trust. We also offer ongoing maintenance for $50/month."
|
|
|
|
|
id: "1", title: "How much does a website cost?", content: "Website design starts at $250, and you pay after the website is completed. This includes professional modern design, mobile-friendly layout, fast loading pages, and everything needed to build customer trust. We also offer ongoing maintenance for $50/month."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "How long does it take to get a website?", content: "It can take up to 1-2 weeks depending on the complexity and how quickly you provide content and feedback. We work efficiently to get your website live as soon as possible."
|
|
|
|
|
@@ -212,4 +186,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
