Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Work", id: "projects"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AgencyX"
|
||||
/>
|
||||
@@ -52,104 +46,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Defining The Future of Design."
|
||||
description="Crafting sophisticated digital experiences for brands that dare to innovate. We blend technology and artistry to build your vision."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037176.jpg?_wi=1",
|
||||
imageAlt: "Abstract geometry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037176.jpg", imageAlt: "Abstract geometry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg?_wi=1",
|
||||
imageAlt: "Studio setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg", imageAlt: "Studio setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1",
|
||||
imageAlt: "UI interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", imageAlt: "UI interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg",
|
||||
imageAlt: "Light setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg", imageAlt: "Light setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg",
|
||||
imageAlt: "Tech tunnel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg", imageAlt: "Tech tunnel"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898182.jpg",
|
||||
imageAlt: "Abstract geometry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898182.jpg", imageAlt: "Abstract geometry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-neon-lights-background_23-2147815393.jpg",
|
||||
imageAlt: "Studio setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-neon-lights-background_23-2147815393.jpg", imageAlt: "Studio setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
|
||||
imageAlt: "UI interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", imageAlt: "UI interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg",
|
||||
imageAlt: "Light setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg", imageAlt: "Light setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-hyperzoom-space-effect_1048-12435.jpg",
|
||||
imageAlt: "Tech tunnel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-hyperzoom-space-effect_1048-12435.jpg", imageAlt: "Tech tunnel"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991180.jpg",
|
||||
alt: "Creative Lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991180.jpg", alt: "Creative Lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-with-fluid-forms_23-2151991157.jpg",
|
||||
alt: "Design Director",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-with-fluid-forms_23-2151991157.jpg", alt: "Design Director"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-chromatic-gradient_23-2151920606.jpg",
|
||||
alt: "Lead Developer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-chromatic-gradient_23-2151920606.jpg", alt: "Lead Developer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-abstract-fluid-monochrome-palette_23-2150635172.jpg",
|
||||
alt: "Product Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-abstract-fluid-monochrome-palette_23-2150635172.jpg", alt: "Product Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991187.jpg",
|
||||
alt: "UX Researcher",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-glass-sculpture-purple-background_23-2151991187.jpg", alt: "UX Researcher"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INNOVATION",
|
||||
},
|
||||
type: "text", text: "INNOVATION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DESIGN",
|
||||
},
|
||||
type: "text", text: "DESIGN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRATEGY",
|
||||
},
|
||||
type: "text", text: "STRATEGY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DEVELOPMENT",
|
||||
},
|
||||
type: "text", text: "DEVELOPMENT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GROWTH",
|
||||
},
|
||||
type: "text", text: "GROWTH"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +112,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Industry Awards", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
label: "Happy Clients", value: "120+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Projects Completed",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Projects Completed", value: "250+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -186,52 +131,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive Design",
|
||||
description: "Engaging experiences that convert.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-dome-shaped-building-captured-singapore_181624-6606.jpg",
|
||||
imageAlt: "Interactive UI",
|
||||
},
|
||||
title: "Interactive Design", description: "Engaging experiences that convert.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-dome-shaped-building-captured-singapore_181624-6606.jpg", imageAlt: "Interactive UI"},
|
||||
items: [
|
||||
{
|
||||
icon: MousePointer,
|
||||
text: "Smooth interactions",
|
||||
},
|
||||
text: "Smooth interactions"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037176.jpg?_wi=2",
|
||||
imageAlt: "3D software UI",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "System Architecture",
|
||||
description: "Scalable foundations built for growth.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-design-designer-man-working_53876-98147.jpg",
|
||||
imageAlt: "Architecture UI",
|
||||
},
|
||||
title: "System Architecture", description: "Scalable foundations built for growth.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-design-designer-man-working_53876-98147.jpg", imageAlt: "Architecture UI"},
|
||||
items: [
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Modular code",
|
||||
},
|
||||
text: "Modular code"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg?_wi=2",
|
||||
imageAlt: "3D software UI",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Data Visualization",
|
||||
description: "Clarity in every byte.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
|
||||
imageAlt: "Dashboard UI",
|
||||
},
|
||||
title: "Data Visualization", description: "Clarity in every byte.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Dashboard UI"},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Insights first",
|
||||
},
|
||||
text: "Insights first"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2",
|
||||
imageAlt: "3D software UI",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Creative Solutions"
|
||||
@@ -247,41 +174,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Neon Dashboard",
|
||||
price: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg",
|
||||
},
|
||||
id: "1", name: "Neon Dashboard", price: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Abstract Motion",
|
||||
price: "Video",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pink-gold-geometric-shapes-background_23-2148772507.jpg",
|
||||
},
|
||||
id: "2", name: "Abstract Motion", price: "Video", imageSrc: "http://img.b2bpic.net/free-photo/luxury-pink-gold-geometric-shapes-background_23-2148772507.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cloud Platform",
|
||||
price: "SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-blank-tablet-with-design-space_53876-105192.jpg",
|
||||
},
|
||||
id: "3", name: "Cloud Platform", price: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-blank-tablet-with-design-space_53876-105192.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Eco-System App",
|
||||
price: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg",
|
||||
},
|
||||
id: "4", name: "Eco-System App", price: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brand Identity",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-black-white-background_23-2150499081.jpg",
|
||||
},
|
||||
id: "5", name: "Brand Identity", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/3d-black-white-background_23-2150499081.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Data Analytics",
|
||||
price: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg",
|
||||
},
|
||||
id: "6", name: "Data Analytics", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg"},
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="A glimpse into our most celebrated works."
|
||||
@@ -295,26 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg",
|
||||
},
|
||||
id: "1", value: "99.9%", title: "Uptime", description: "Reliable systems.", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "200%",
|
||||
title: "ROI",
|
||||
description: "Value delivered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg",
|
||||
},
|
||||
id: "2", value: "200%", title: "ROI", description: "Value delivered.", imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "1.2s",
|
||||
title: "Speed",
|
||||
description: "Optimal loading.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
||||
},
|
||||
id: "3", value: "1.2s", title: "Speed", description: "Optimal loading.", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Quantifiable results driving our success."
|
||||
@@ -328,40 +216,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "CEO", testimonial: "Exceptional work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
role: "CTO",
|
||||
testimonial: "Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg",
|
||||
},
|
||||
id: "2", name: "Bob D.", role: "CTO", testimonial: "Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie R.",
|
||||
role: "PM",
|
||||
testimonial: "Great delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie R.", role: "PM", testimonial: "Great delivery.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana S.",
|
||||
role: "Dir",
|
||||
testimonial: "Top tier agency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204636.jpg",
|
||||
},
|
||||
id: "4", name: "Dana S.", role: "Dir", testimonial: "Top tier agency.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204636.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan L.",
|
||||
role: "Lead",
|
||||
testimonial: "Fast and agile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
id: "5", name: "Evan L.", role: "Lead", testimonial: "Fast and agile.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our partners say."
|
||||
@@ -374,20 +237,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the process?",
|
||||
content: "Consultation, strategy, execution.",
|
||||
},
|
||||
id: "1", title: "What is the process?", content: "Consultation, strategy, execution."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long do projects take?",
|
||||
content: "Depending on complexity, 4-12 weeks.",
|
||||
},
|
||||
id: "2", title: "How long do projects take?", content: "Depending on complexity, 4-12 weeks."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance.",
|
||||
},
|
||||
id: "3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers you need."
|
||||
@@ -399,8 +253,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's talk"
|
||||
title="Start your journey with us."
|
||||
description="Reach out and we'll start crafting something unique for you."
|
||||
@@ -415,19 +268,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user