Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AgencyDev"
|
||||
/>
|
||||
@@ -61,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="AgencyDev"
|
||||
description="We craft world-class digital experiences for high-growth brands. From concept to launch, we power your transformation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Work", href: "#services" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg?_wi=1",
|
||||
imageAlt: "Hero slide 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17491.jpg?_wi=1",
|
||||
imageAlt: "Hero slide 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-network-graphic-front-cityscape_9975-22113.jpg?_wi=1",
|
||||
imageAlt: "Hero slide 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-writing-placards_23-2149163247.jpg",
|
||||
imageAlt: "Hero slide 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2150267400.jpg",
|
||||
imageAlt: "Hero slide 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg",
|
||||
imageAlt: "Hero slide 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg", imageAlt: "Hero slide 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17491.jpg", imageAlt: "Hero slide 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-network-graphic-front-cityscape_9975-22113.jpg", imageAlt: "Hero slide 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-writing-placards_23-2149163247.jpg", imageAlt: "Hero slide 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2150267400.jpg", imageAlt: "Hero slide 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg", imageAlt: "Hero slide 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,15 +64,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission to Empower Digital Growth",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg",
|
||||
alt: "Agency office",
|
||||
},
|
||||
{ type: "text", content: "Our Mission to Empower Digital Growth" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg", alt: "Agency office" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,46 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Global deployment ready to handle massive traffic spikes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-working-floor_23-2149930985.jpg",
|
||||
imageAlt: "Infrastructure",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui",
|
||||
title: "Scalable Infrastructure", description: "Global deployment ready to handle massive traffic spikes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-working-floor_23-2149930985.jpg", imageAlt: "Infrastructure" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Analytics" }
|
||||
},
|
||||
{
|
||||
title: "AI-Driven Optimization",
|
||||
description: "Intelligent performance tuning that drives conversion rates up.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg",
|
||||
imageAlt: "Optimization",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
imageAlt: "Growth",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17491.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui",
|
||||
title: "AI-Driven Optimization", description: "Intelligent performance tuning that drives conversion rates up.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg", imageAlt: "Optimization" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", imageAlt: "Growth" }
|
||||
},
|
||||
{
|
||||
title: "Secure Cloud Hosting",
|
||||
description: "Enterprise-grade protection with automated daily backups.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-143188.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg",
|
||||
imageAlt: "Backup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-network-graphic-front-cityscape_9975-22113.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui",
|
||||
title: "Secure Cloud Hosting", description: "Enterprise-grade protection with automated daily backups.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-143188.jpg", imageAlt: "Security" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg", imageAlt: "Backup" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -179,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Agency",
|
||||
name: "Web Design",
|
||||
price: "From $5k",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/create-website-layout-blank-banner_53876-132284.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Agency",
|
||||
name: "SaaS Platform",
|
||||
price: "From $15k",
|
||||
rating: 5,
|
||||
reviewCount: "38",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-template-with-smartphone_23-2148338742.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Agency",
|
||||
name: "E-Commerce Build",
|
||||
price: "From $8k",
|
||||
rating: 4,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-interacting-with-digital-smart-board-clothing-retail-store-african-american-man-tapping-whiteboard-blank-screen-read-information-about-shoes-new-collection-shopping-mall_482257-63271.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Agency",
|
||||
name: "App Design",
|
||||
price: "From $10k",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038909.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Agency",
|
||||
name: "Corp Website",
|
||||
price: "From $6k",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Agency",
|
||||
name: "Portfolio Design",
|
||||
price: "From $3k",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Agency", name: "Web Design", price: "From $5k", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/create-website-layout-blank-banner_53876-132284.jpg" },
|
||||
{ id: "2", brand: "Agency", name: "SaaS Platform", price: "From $15k", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-template-with-smartphone_23-2148338742.jpg" },
|
||||
{ id: "3", brand: "Agency", name: "E-Commerce Build", price: "From $8k", rating: 4, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/customer-interacting-with-digital-smart-board-clothing-retail-store-african-american-man-tapping-whiteboard-blank-screen-read-information-about-shoes-new-collection-shopping-mall_482257-63271.jpg" },
|
||||
{ id: "4", brand: "Agency", name: "App Design", price: "From $10k", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038909.jpg" },
|
||||
{ id: "5", brand: "Agency", name: "Corp Website", price: "From $6k", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" },
|
||||
{ id: "6", brand: "Agency", name: "Portfolio Design", price: "From $3k", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg" },
|
||||
]}
|
||||
title="Our Digital Services"
|
||||
description="Comprehensive solutions tailored to your unique requirements."
|
||||
@@ -246,24 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Head of Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
role: "Lead Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
|
||||
{ id: "3", name: "Mark Wilson", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
]}
|
||||
title="Meet Our Visionaries"
|
||||
description="Our team of experts drives the future of your brand."
|
||||
@@ -276,41 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Transformative results that exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Exceptional delivery and attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Dir",
|
||||
testimonial: "Growth-oriented solutions that delivered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
testimonial: "Professional, fast, and highly innovative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Consultant",
|
||||
testimonial: "The best partner for our digital transformation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Transformative results that exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", testimonial: "Exceptional delivery and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Dir", testimonial: "Growth-oriented solutions that delivered.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Founder", testimonial: "Professional, fast, and highly innovative.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg" },
|
||||
{ id: "5", name: "Anna Smith", role: "Consultant", testimonial: "The best partner for our digital transformation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our partners have to say about their experience working with us."
|
||||
@@ -322,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we start?",
|
||||
content: "Simply contact us through the form below.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What's the timeline?",
|
||||
content: "Projects usually run for 4-8 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer support?",
|
||||
content: "Yes, we provide ongoing maintenance packages.",
|
||||
},
|
||||
{ id: "1", title: "How do we start?", content: "Simply contact us through the form below." },
|
||||
{ id: "2", title: "What's the timeline?", content: "Projects usually run for 4-8 weeks depending on scope." },
|
||||
{ id: "3", title: "Do you offer support?", content: "Yes, we provide ongoing maintenance packages." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/avocado-vs-pastries_23-2147961062.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -349,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact Us"
|
||||
title="Let's Build Something Great"
|
||||
description="Ready to launch your project? Get in touch today."
|
||||
@@ -363,45 +180,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="AgencyDev"
|
||||
/>
|
||||
@@ -409,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user