Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "features" },
|
||||
{ name: "Process", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AgencyCore"
|
||||
/>
|
||||
@@ -58,37 +46,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="AgencyCore"
|
||||
description="We design and build custom websites that convert visitors into customers. Trusted by 50+ brands across retail, SaaS, and professional services."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Our Work", href: "#features" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53596.jpg?_wi=1",
|
||||
imageAlt: "High conversion web design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=1",
|
||||
imageAlt: "Custom SaaS platform design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg",
|
||||
imageAlt: "Professional service website",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
|
||||
imageAlt: "Data-driven web agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
|
||||
imageAlt: "Scalable web solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904311.jpg",
|
||||
imageAlt: "Growth focused agency",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53596.jpg", imageAlt: "High conversion web design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "Custom SaaS platform design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg", imageAlt: "Professional service website" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg", imageAlt: "Data-driven web agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg", imageAlt: "Scalable web solutions" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904311.jpg", imageAlt: "Growth focused agency" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,28 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Conversion Tracking",
|
||||
description: "Precision data insights into every click.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-graphic-tablet-perform-editing-operations-correct-images-creative-agency_482257-82275.jpg",
|
||||
imageAlt: "Photographer using graphic tablet to perform editing operations to correct images in creative agency",
|
||||
},
|
||||
{
|
||||
title: "Modern UI/UX",
|
||||
description: "Interfaces that guide and convert.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53596.jpg?_wi=2",
|
||||
imageAlt: "Photographer using graphic tablet to perform editing operations to correct images in creative agency",
|
||||
},
|
||||
{
|
||||
title: "Global Scaling",
|
||||
description: "Cloud architecture for millions.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",
|
||||
imageAlt: "Photographer using graphic tablet to perform editing operations to correct images in creative agency",
|
||||
},
|
||||
{ title: "Conversion Tracking", description: "Precision data insights into every click.", bentoComponent: "line-chart" },
|
||||
{ title: "Modern UI/UX", description: "Interfaces that guide and convert.", bentoComponent: "reveal-icon", icon: Palette },
|
||||
{ title: "Global Scaling", description: "Cloud architecture for millions.", bentoComponent: "globe" },
|
||||
]}
|
||||
title="High Performance Results"
|
||||
description="Our agile methodology ensures your digital product launches ahead of schedule while maintaining enterprise-grade quality."
|
||||
@@ -129,30 +75,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Growth",
|
||||
description: "Average conversion lift.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shocked-young-adult-traditional-dress-showing-sale-icon-blue-wave-background_140725-157692.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2x",
|
||||
title: "Speed",
|
||||
description: "Load time reduction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/computer-design-colorful-vector_341269-1255.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Clients",
|
||||
description: "Projects successfully delivered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg",
|
||||
},
|
||||
{ id: "m1", value: "150%", title: "Growth", description: "Average conversion lift.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shocked-young-adult-traditional-dress-showing-sale-icon-blue-wave-background_140725-157692.jpg" },
|
||||
{ id: "m2", value: "2x", title: "Speed", description: "Load time reduction.", imageSrc: "http://img.b2bpic.net/free-vector/computer-design-colorful-vector_341269-1255.jpg" },
|
||||
{ id: "m3", value: "50+", title: "Clients", description: "Projects successfully delivered.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg" },
|
||||
]}
|
||||
title="Tangible Business Impact"
|
||||
description="We quantify success through real metrics, not vanity figures."
|
||||
@@ -163,15 +92,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"RetailHero",
|
||||
"SaaSBase",
|
||||
"ServiceMaster",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "RetailHero", "SaaSBase", "ServiceMaster"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with visionary brands to build their digital future."
|
||||
/>
|
||||
@@ -179,7 +100,6 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Expertise"
|
||||
title="Partnership Driven Design"
|
||||
description="We don't just build sites; we scale businesses. Our process starts with deep discovery."
|
||||
@@ -187,6 +107,7 @@ export default function LandingPage() {
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-working-together_23-2149337239.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -196,39 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Startup",
|
||||
price: "$15,000",
|
||||
subtitle: "Essential presence",
|
||||
features: [
|
||||
"Custom Design",
|
||||
"SEO Audit",
|
||||
"Speed Optimization",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Growth",
|
||||
price: "$35,000",
|
||||
subtitle: "Scaling teams",
|
||||
features: [
|
||||
"Advanced UI/UX",
|
||||
"Custom Integrations",
|
||||
"Analytics Setup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Enterprise",
|
||||
price: "$50,000+",
|
||||
subtitle: "Market dominance",
|
||||
features: [
|
||||
"Full Stack Solution",
|
||||
"Priority Support",
|
||||
"ROI Optimization",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Startup", price: "$15,000", subtitle: "Essential presence", features: ["Custom Design", "SEO Audit", "Speed Optimization"] },
|
||||
{ id: "p2", badge: "Growth", price: "$35,000", subtitle: "Scaling teams", features: ["Advanced UI/UX", "Custom Integrations", "Analytics Setup"] },
|
||||
{ id: "p3", badge: "Enterprise", price: "$50,000+", subtitle: "Market dominance", features: ["Full Stack Solution", "Priority Support", "ROI Optimization"] },
|
||||
]}
|
||||
title="Transparent Project Pricing"
|
||||
description="Flexible plans tailored to your growth goals."
|
||||
@@ -242,46 +133,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
role: "Founder",
|
||||
company: "RetailHero",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg" },
|
||||
{ id: "t5", name: "Alex Smith", role: "Founder", company: "RetailHero", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Real feedback from industry leaders we have helped scale."
|
||||
@@ -293,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a project take?",
|
||||
content: "Average projects take 8-12 weeks depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the billing process?",
|
||||
content: "We work on a milestone-based payment schedule.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance and growth packages.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a project take?", content: "Average projects take 8-12 weeks depending on complexity." },
|
||||
{ id: "f2", title: "What is the billing process?", content: "We work on a milestone-based payment schedule." },
|
||||
{ id: "f3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance and growth packages." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -318,18 +162,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale Your Presence?"
|
||||
description="Let's discuss how we can drive results for your business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -337,32 +173,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AgencyCore"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user