Files
dc411fd3-bc89-4e89-b9f4-5d9…/src/pages/HomePage.tsx
2026-07-03 12:40:22 +00:00

176 lines
8.7 KiB
TypeScript

import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Visual Edit better work"
description="Visual Edit better work, tripple N Visual Edit better work, tripple N Visual Edit better work, tripple N Visual Edit better work, tripple N "
primaryButton={{
text: "Visual Edit", href: "https://cluely.com/"}}
secondaryButton={{
text: "View Results", href: "#metrics"}}
imageSrc="https://images.pexels.com/photos/8297860/pexels-photo-8297860.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Philosophy"
quote="Data-driven insights meet creative storytelling. We bridge the gap between technical SEO and user-centric branding to fuel your bottom line."
author="Sarah Jenkins"
role="Chief Strategist"
imageSrc="https://images.pexels.com/photos/7688336/pexels-photo-7688336.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Trusted By"
title="Global Market Leaders"
description="We collaborate with industry giants to drive exceptional results."
names={[
"TechCorp", "Innovate", "GrowthCo", "MarketFast", "Scaleup", "Nexus", "Visionary"]}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesArrowCards
tag="Core Services"
title="Built for Growth"
description="Comprehensive digital solutions tailored to capture search traffic and convert prospects."
items={[
{
title: "Technical SEO Audit", tags: [
"Performance", "Indexing"],
imageSrc: "https://images.pexels.com/photos/30547575/pexels-photo-30547575.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Content Engine", tags: [
"Authority", "Conversion"],
imageSrc: "https://images.pexels.com/photos/936320/pexels-photo-936320.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "PPC & Growth", tags: [
"Reach", "Sales"],
imageSrc: "https://images.pexels.com/photos/669619/pexels-photo-669619.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Capabilities"
title="Agency Toolkit"
description="Our proprietary methods for driving market dominance."
items={[
{
title: "SEO Audits", description: "Full site performance analysis.", href: "#", imageSrc: "https://images.pexels.com/photos/32396570/pexels-photo-32396570.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Backlink Build", description: "High-authority link acquisition.", href: "#", imageSrc: "https://images.pexels.com/photos/4405384/pexels-photo-4405384.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Content Scale", description: "Automated growth content.", href: "#", imageSrc: "https://images.pexels.com/photos/669615/pexels-photo-669615.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Analytics UI", description: "Real-time visibility tools.", href: "#", imageSrc: "https://images.pexels.com/photos/10628030/pexels-photo-10628030.png?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "CRO Testing", description: "Data-backed landing pages.", href: "#", imageSrc: "https://images.pexels.com/photos/7651801/pexels-photo-7651801.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Brand Intel", description: "Deep market sentiment study.", href: "#", imageSrc: "https://images.pexels.com/photos/4007745/pexels-photo-4007745.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
title: "Growth Ops", description: "Full service management.", href: "#", imageSrc: "https://images.pexels.com/photos/7988237/pexels-photo-7988237.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Real Results"
title="Proven Performance"
description="Numbers speak louder than promises."
metrics={[
{
value: "350%", title: "Search Traffic Increase", features: [
"Rank #1", "High CTR"],
},
{
value: "120%", title: "Conversion Rate Boost", features: [
"Fast Load", "Clean UX"],
},
{
value: "45%", title: "Cost Per Acquisition Drop", features: [
"Targeted Ads", "ROI"],
},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Client Success"
title="Voices of Impact"
description="Hear from our partners."
testimonials={[
{
name: "Marcus Thorne", role: "CMO", quote: "Crimson completely changed our SEO performance. We are finally seeing consistent growth.", rating: 5,
imageSrc: "https://images.pexels.com/photos/6170749/pexels-photo-6170749.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
name: "Elena Vance", role: "Founder", quote: "Reliable, transparent, and results-oriented. A true partner in our scale-up process.", rating: 5,
imageSrc: "https://images.pexels.com/photos/32288633/pexels-photo-32288633.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
name: "David Zhou", role: "Director", quote: "The data insights provided by the team here helped us cut costs by 40%.", rating: 5,
imageSrc: "https://images.pexels.com/photos/6893898/pexels-photo-6893898.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
name: "Sarah Miller", role: "Product Lead", quote: "Finally found an agency that treats our brand with the respect it deserves.", rating: 5,
imageSrc: "https://images.pexels.com/photos/13100886/pexels-photo-13100886.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
{
name: "James Lee", role: "CEO", quote: "Professional, efficient, and exceptionally high ROI. Highly recommend this team.", rating: 5,
imageSrc: "https://images.pexels.com/photos/10417388/pexels-photo-10417388.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get Started"
text="Ready to scale your digital presence? Let's build your custom growth roadmap today."
primaryButton={{
text: "Schedule Audit", href: "#"}}
secondaryButton={{
text: "Email Team", href: "#"}}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
</>
);
}