Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,215 +12,145 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
title="We Build Your Business Online"
|
||||
description="Corvus AI creates stunning websites for local businesses in Qatar with cutting-edge artificial intelligence."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Work",
|
||||
href: "#services",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/album-release-website-design_53876-67220.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="We Build Your Business Online"
|
||||
description="Corvus AI creates stunning websites for local businesses in Qatar with cutting-edge artificial intelligence."
|
||||
primaryButton={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Work", href: "#services"}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/album-release-website-design_53876-67220.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCards
|
||||
tag="Expertise"
|
||||
title="Core Services"
|
||||
description="Premium digital solutions tailored for your business needs."
|
||||
items={[
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "Custom, responsive interfaces that convert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg",
|
||||
},
|
||||
{
|
||||
title: "SEO Optimization",
|
||||
description: "Get found on Google with modern strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-16001.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hosting & Maintenance",
|
||||
description: "Reliable uptime and proactive security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Core Services"
|
||||
description="Premium digital solutions tailored for your business needs."
|
||||
items={[
|
||||
{
|
||||
title: "Website Design", description: "Custom, responsive interfaces that convert.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg"},
|
||||
{
|
||||
title: "SEO Optimization", description: "Get found on Google with modern strategies.", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-16001.jpg"},
|
||||
{
|
||||
title: "Hosting & Maintenance", description: "Reliable uptime and proactive security.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Advantage"
|
||||
title="Why Choose Corvus AI"
|
||||
description="We bridge the gap between complex AI technology and local business growth."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Delivery",
|
||||
description: "Rapid prototyping and deployment.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "AI-Powered Design",
|
||||
description: "Intelligent layouts optimized for engagement.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Dedicated Support",
|
||||
description: "Always there when you need us.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-circular-room-with-pillar-center_250224-126.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Advantage"
|
||||
title="Why Choose Corvus AI"
|
||||
description="We bridge the gap between complex AI technology and local business growth."
|
||||
items={[
|
||||
{
|
||||
icon: "Zap", title: "Fast Delivery", description: "Rapid prototyping and deployment."},
|
||||
{
|
||||
icon: "Lightbulb", title: "AI-Powered Design", description: "Intelligent layouts optimized for engagement."},
|
||||
{
|
||||
icon: "Shield", title: "Dedicated Support", description: "Always there when you need us."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-circular-room-with-pillar-center_250224-126.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Proven Results"
|
||||
title="Client Success"
|
||||
description="See why top businesses in Qatar trust us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Al-Mansoori",
|
||||
role: "CEO",
|
||||
company: "Doha Retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Khalid",
|
||||
role: "Owner",
|
||||
company: "Artisan Cafe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Omar Al-Fahad",
|
||||
role: "Manager",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla Saeed",
|
||||
role: "Founder",
|
||||
company: "Luxury Decor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hamad Jassim",
|
||||
role: "Director",
|
||||
company: "Gulf Logistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Proven Results"
|
||||
title="Client Success"
|
||||
description="See why top businesses in Qatar trust us."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Al-Mansoori", role: "CEO", company: "Doha Retail", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg"},
|
||||
{
|
||||
name: "Sara Khalid", role: "Owner", company: "Artisan Cafe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
{
|
||||
name: "Omar Al-Fahad", role: "Manager", company: "Tech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg"},
|
||||
{
|
||||
name: "Layla Saeed", role: "Founder", company: "Luxury Decor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg"},
|
||||
{
|
||||
name: "Hamad Jassim", role: "Director", company: "Gulf Logistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Answers to your queries."
|
||||
items={[
|
||||
{
|
||||
question: "What is the turnaround time?",
|
||||
answer: "Usually 2-4 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
question: "Can you handle SEO?",
|
||||
answer: "Yes, we integrate comprehensive SEO strategies.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer maintenance?",
|
||||
answer: "Yes, we provide ongoing support and hosting.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Answers to your queries."
|
||||
items={[
|
||||
{
|
||||
question: "What is the turnaround time?", answer: "Usually 2-4 weeks depending on scope."},
|
||||
{
|
||||
question: "Can you handle SEO?", answer: "Yes, we integrate comprehensive SEO strategies."},
|
||||
{
|
||||
question: "Do you offer maintenance?", answer: "Yes, we provide ongoing support and hosting."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-15565.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Performance"
|
||||
title="Measurable Impact"
|
||||
description="Our numbers speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
description: "Avg Revenue Growth",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Measurable Impact"
|
||||
description="Our numbers speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+", description: "Projects Delivered"},
|
||||
{
|
||||
value: "98%", description: "Client Retention"},
|
||||
{
|
||||
value: "40%", description: "Avg Revenue Growth"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Our Partners"
|
||||
description="Collaborating with industry leaders."
|
||||
names={[
|
||||
"DohaTech",
|
||||
"Q-Energy",
|
||||
"Qatar Air",
|
||||
"Gulf Media",
|
||||
"RetailGroup",
|
||||
"DesignLab",
|
||||
"AI-Hub",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted By"
|
||||
title="Our Partners"
|
||||
description="Collaborating with industry leaders."
|
||||
names={[
|
||||
"DohaTech", "Q-Energy", "Qatar Air", "Gulf Media", "RetailGroup", "DesignLab", "AI-Hub"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready?"
|
||||
text="Let's build your AI-powered website."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready?"
|
||||
text="Let's build your AI-powered website."
|
||||
primaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Call Now", href: "tel:+"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user