Merge version_1 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -33,93 +33,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Agency X"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Digital Excellence"
|
||||
description="We craft high-performance digital experiences that drive growth, engagement, and results for brands that want to stand out."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Projects", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-holding-his-arms-crossed_23-2148737964.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-holding-his-arms-crossed_23-2148737964.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-looking-front-him-with-copy-space_23-2148422272.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-looking-front-him-with-copy-space_23-2148422272.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-with-beard-portrait_23-2152009573.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-with-beard-portrait_23-2152009573.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-supporting-breast-cancer-awareness_23-2152012330.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-supporting-breast-cancer-awareness_23-2152012330.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovative companies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
type: "text", text: "Scalable Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "User-Centric Design",
|
||||
},
|
||||
type: "text", text: "User-Centric Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Optimized",
|
||||
},
|
||||
type: "text", text: "Performance Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Focused",
|
||||
},
|
||||
type: "text", text: "Growth Focused"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Architecture",
|
||||
},
|
||||
type: "text", text: "Secure Architecture"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,24 +104,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Web Design",
|
||||
description: "Beautiful, responsive designs that focus on user experience and conversion.",
|
||||
},
|
||||
title: "Web Design", description: "Beautiful, responsive designs that focus on user experience and conversion."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Development",
|
||||
description: "Custom development that is fast, secure, and built for growth.",
|
||||
},
|
||||
title: "Development", description: "Custom development that is fast, secure, and built for growth."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "SEO & Growth",
|
||||
description: "Drive organic traffic and maximize visibility in competitive markets.",
|
||||
},
|
||||
title: "SEO & Growth", description: "Drive organic traffic and maximize visibility in competitive markets."},
|
||||
]}
|
||||
title="Services That Scale"
|
||||
description="Comprehensive digital solutions tailored to meet your unique needs and goals."
|
||||
@@ -170,26 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120%",
|
||||
title: "Avg. Traffic Increase",
|
||||
description: "Delivering consistent growth in organic reach for our diverse client base.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-132197.jpg",
|
||||
},
|
||||
id: "m1", value: "120%", title: "Avg. Traffic Increase", description: "Delivering consistent growth in organic reach for our diverse client base.", imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-132197.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
description: "Long-term relationships built on reliability, communication, and real results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-growth-visualization-office_23-2152011784.jpg",
|
||||
},
|
||||
id: "m2", value: "95%", title: "Client Retention", description: "Long-term relationships built on reliability, communication, and real results.", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-visualization-office_23-2152011784.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2.5s",
|
||||
title: "Avg. Load Speed",
|
||||
description: "Performance first engineering ensures your users stay engaged and conversions stay high.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keys-statistics-arrangement_23-2149386339.jpg",
|
||||
},
|
||||
id: "m3", value: "2.5s", title: "Avg. Load Speed", description: "Performance first engineering ensures your users stay engaged and conversions stay high.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keys-statistics-arrangement_23-2149386339.jpg"},
|
||||
]}
|
||||
title="Measurable Results"
|
||||
description="Our work speaks through metrics and tangible outcomes for every partner."
|
||||
@@ -204,25 +149,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839664.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839664.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-student-sitting-desk-table-living-room-looking-into-camera_482257-10962.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-student-sitting-desk-table-living-room-looking-into-camera_482257-10962.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skeptical-unamused-bearded-guy-staring-doubtful_176420-18704.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/skeptical-unamused-bearded-guy-staring-doubtful_176420-18704.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -235,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Project timelines vary depending on scope, but a standard website development typically ranges between 6-10 weeks.",
|
||||
},
|
||||
id: "q1", title: "What is your typical project timeline?", content: "Project timelines vary depending on scope, but a standard website development typically ranges between 6-10 weeks."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide post-launch support?",
|
||||
content: "Yes, we offer ongoing maintenance and support packages to ensure your platform remains fast and secure.",
|
||||
},
|
||||
id: "q2", title: "Do you provide post-launch support?", content: "Yes, we offer ongoing maintenance and support packages to ensure your platform remains fast and secure."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you work with existing tech stacks?",
|
||||
content: "Our developers are proficient in a wide range of modern technologies and can seamlessly integrate with your current systems.",
|
||||
},
|
||||
id: "q3", title: "Can you work with existing tech stacks?", content: "Our developers are proficient in a wide range of modern technologies and can seamlessly integrate with your current systems."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with our team and our approach to digital excellence."
|
||||
@@ -265,35 +191,11 @@ export default function LandingPage() {
|
||||
description="Deep dives into the trends and strategies shaping the digital world of tomorrow."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Strategy",
|
||||
title: "Future of Web Design",
|
||||
excerpt: "How AI and spatial design are changing the way users interact with the modern web.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-glasses-notebok-desktop-blurred-background_169016-38703.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186682.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "Strategy", title: "Future of Web Design", excerpt: "How AI and spatial design are changing the way users interact with the modern web.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-glasses-notebok-desktop-blurred-background_169016-38703.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186682.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "Performance Patterns",
|
||||
excerpt: "Deep dive into performance patterns that keep your site lightning fast for users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-programming-language-notebook-used-by-server-hub-employees_482257-117822.jpg",
|
||||
authorName: "John Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-smiling_23-2148255350.jpg",
|
||||
date: "Oct 05, 2024",
|
||||
},
|
||||
id: "b2", category: "Tech", title: "Performance Patterns", excerpt: "Deep dive into performance patterns that keep your site lightning fast for users.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-programming-language-notebook-used-by-server-hub-employees_482257-117822.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-smiling_23-2148255350.jpg", date: "Oct 05, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Marketing",
|
||||
title: "Automation Trends",
|
||||
excerpt: "The essential guide to modern marketing automation for growing small businesses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-illuminated-message-icon_1134-306.jpg",
|
||||
authorName: "Alex Lee",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100244.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
id: "b3", category: "Marketing", title: "Automation Trends", excerpt: "The essential guide to modern marketing automation for growing small businesses.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-illuminated-message-icon_1134-306.jpg", authorName: "Alex Lee", authorAvatar: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100244.jpg", date: "Sep 28, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,14 +204,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to build something extraordinary? Let's discuss your project and turn your vision into reality today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "mailto:hello@agencyx.com",
|
||||
},
|
||||
text: "Contact Our Team", href: "mailto:hello@agencyx.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -320,33 +219,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user