Merge version_2_1781696932304 into main #1
@@ -1,196 +1,35 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HomeSection from './HomePage/sections/Home';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
|
||||
{/* webild-stub @2026-06-17T11:49:48.931Z: Include a horizontal bar of recognizable client logos to build instant industry credibility before the services section. */}
|
||||
|
||||
import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Transform Your Presence"
|
||||
title="We build digital excellence."
|
||||
description="Your vision, our expertise. We create high-performance websites, professional branding, and SEO strategies."
|
||||
primaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901779.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HomeSection />
|
||||
<ClientLogosSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesDetailedCards
|
||||
tag="What we do"
|
||||
title="Comprehensive Digital Agency Services"
|
||||
description="Our full suite of services is designed to elevate your brand identity and accelerate business growth."
|
||||
items={[
|
||||
{
|
||||
title: "Logo Design",
|
||||
description: "Distinctive brand identities that stand out in crowded markets.",
|
||||
tags: [
|
||||
"Branding",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/simple-logo-designs-set-six_1017-37031.jpg",
|
||||
},
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "User-centric design focused on conversion and modern aesthetic.",
|
||||
tags: [
|
||||
"UX",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-light_23-2149413404.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic SEO",
|
||||
description: "Proven strategies to increase your search engine visibility.",
|
||||
tags: [
|
||||
"SEO",
|
||||
"Marketing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-arrow-white-background-with-copy-space_23-2148459956.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Proven Results"
|
||||
description="We don't just build, we drive meaningful results for businesses."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"Client satisfaction",
|
||||
"Agile delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "200%",
|
||||
title: "Traffic Growth",
|
||||
features: [
|
||||
"Organic strategy",
|
||||
"SEO performance",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Brands Elevated",
|
||||
features: [
|
||||
"Identity work",
|
||||
"Strategic consulting",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="AgencyCore completely transformed our digital footprint. From website design to SEO, their team delivered beyond expectations."
|
||||
rating={5}
|
||||
author="Sarah Miller, CEO"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/simple-business-logo-set_53876-93522.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-analysis-business-concept-with-wooden-blocks-with-words-it-magnifying-glass-side-view_176474-10449.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-designer-wearing-her-headphones_482257-121311.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Got questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our workflow and processes."
|
||||
items={[
|
||||
{
|
||||
question: "What is the process?",
|
||||
answer: "We start with a strategy session followed by iterative design cycles.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer SEO?",
|
||||
answer: "Yes, we include comprehensive SEO audits and strategy in our packages.",
|
||||
},
|
||||
{
|
||||
question: "Can you build an E-commerce site?",
|
||||
answer: "Absolutely. We specialize in robust, high-converting E-commerce solutions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's connect"
|
||||
text="Ready to take your brand to the next level?"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book a Consultation",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
37
src/pages/HomePage/sections/ClientLogos.tsx
Normal file
37
src/pages/HomePage/sections/ClientLogos.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
import { motion } from "motion/react"
|
||||
import LoopCarousel from "@/components/ui/LoopCarousel"
|
||||
import LoopCarousel from '@/components/ui/LoopCarousel';
|
||||
|
||||
const clients = [
|
||||
"Acme Corp",
|
||||
"Globex",
|
||||
"Soylent",
|
||||
"Initech",
|
||||
"Umbrella Corp",
|
||||
"Stark Industries",
|
||||
"Wayne Enterprises",
|
||||
"Massive Dynamic",
|
||||
]
|
||||
|
||||
export default function ClientLogosSection() {
|
||||
return (
|
||||
<section data-webild-section="client-logos" id="client-logos" className="relative w-full py-12 bg-background overflow-hidden">
|
||||
<div className="w-content-width mx-auto px-6 mb-8 text-center">
|
||||
<p className="text-sm font-medium text-muted-foreground uppercase tracking-wider">
|
||||
Trusted by industry leaders
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-full">
|
||||
<LoopCarousel>
|
||||
<div className="flex items-center gap-16 px-8">
|
||||
{clients.map((client, i) => (
|
||||
<div key={i} className="flex items-center justify-center whitespace-nowrap">
|
||||
<span className="text-2xl font-bold text-foreground/30 hover:text-foreground/60 transition-colors">{client}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</LoopCarousel>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's connect"
|
||||
text="Ready to take your brand to the next level?"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book a Consultation",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Got questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our workflow and processes."
|
||||
items={[
|
||||
{
|
||||
question: "What is the process?",
|
||||
answer: "We start with a strategy session followed by iterative design cycles.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer SEO?",
|
||||
answer: "Yes, we include comprehensive SEO audits and strategy in our packages.",
|
||||
},
|
||||
{
|
||||
question: "Can you build an E-commerce site?",
|
||||
answer: "Absolutely. We specialize in robust, high-converting E-commerce solutions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
44
src/pages/HomePage/sections/Home.tsx
Normal file
44
src/pages/HomePage/sections/Home.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "home" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomeSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Transform Your Presence"
|
||||
title="We build digital excellence."
|
||||
description="Your vision, our expertise. We create high-performance websites, professional branding, and SEO strategies."
|
||||
primaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901779.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
46
src/pages/HomePage/sections/Metrics.tsx
Normal file
46
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Proven Results"
|
||||
description="We don't just build, we drive meaningful results for businesses."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"Client satisfaction",
|
||||
"Agile delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "200%",
|
||||
title: "Traffic Growth",
|
||||
features: [
|
||||
"Organic strategy",
|
||||
"SEO performance",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Brands Elevated",
|
||||
features: [
|
||||
"Identity work",
|
||||
"Strategic consulting",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Services.tsx
Normal file
49
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesDetailedCards
|
||||
tag="What we do"
|
||||
title="Comprehensive Digital Agency Services"
|
||||
description="Our full suite of services is designed to elevate your brand identity and accelerate business growth."
|
||||
items={[
|
||||
{
|
||||
title: "Logo Design",
|
||||
description: "Distinctive brand identities that stand out in crowded markets.",
|
||||
tags: [
|
||||
"Branding",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/simple-logo-designs-set-six_1017-37031.jpg",
|
||||
},
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "User-centric design focused on conversion and modern aesthetic.",
|
||||
tags: [
|
||||
"UX",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-light_23-2149413404.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic SEO",
|
||||
description: "Proven strategies to increase your search engine visibility.",
|
||||
tags: [
|
||||
"SEO",
|
||||
"Marketing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-arrow-white-background-with-copy-space_23-2148459956.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Testimonials.tsx
Normal file
42
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="AgencyCore completely transformed our digital footprint. From website design to SEO, their team delivered beyond expectations."
|
||||
rating={5}
|
||||
author="Sarah Miller, CEO"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/simple-business-logo-set_53876-93522.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-analysis-business-concept-with-wooden-blocks-with-words-it-magnifying-glass-side-view_176474-10449.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-designer-wearing-her-headphones_482257-121311.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user