bender/380908c7-a488-489e-9abc-2486615ffd7b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-01 10:03:11 +00:00
parent 94c3540aa6
commit bbecb3dcd8
1 changed files with 54 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -32,12 +32,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work", id: "projects"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Work", id: "projects"},
{ name: "About", id: "about"},
{ name: "Contact", id: "contact"},
]}
brandName="AgencyX"
/>
@@ -45,62 +42,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient"}}
background={{ 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", imageAlt: "Abstract geometry"},
{
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", 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/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg", imageAlt: "Tech tunnel"},
{ 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", imageAlt: "Studio setup"},
{ 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/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/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/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"},
]}
buttons={[
{
text: "View Projects", href: "#projects"},
{ 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/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/3d-abstract-background-with-hyperzoom-space-effect_1048-12435.jpg", imageAlt: "Tech tunnel"},
]}
buttons={[{ 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-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/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-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-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/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: "DESIGN"},
{
type: "text", text: "STRATEGY"},
{
type: "text", text: "DEVELOPMENT"},
{
type: "text", text: "GROWTH"},
{ type: "text", text: "INNOVATION" },
{ type: "text", text: "DESIGN" },
{ type: "text", text: "STRATEGY" },
{ type: "text", text: "DEVELOPMENT" },
{ type: "text", text: "GROWTH" },
]}
/>
</div>
@@ -110,15 +83,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Built for Impact"
metrics={[
{
icon: Award,
label: "Industry Awards", value: "15+"},
{
icon: Users,
label: "Happy Clients", value: "120+"},
{
icon: Zap,
label: "Projects Completed", value: "250+"},
{ icon: Award, label: "Industry Awards", value: "15+"},
{ icon: Users, label: "Happy Clients", value: "120+"},
{ icon: Zap, label: "Projects Completed", value: "250+"},
]}
metricsAnimation="slide-up"
/>
@@ -130,39 +97,13 @@ export default function LandingPage() {
textboxLayout="split"
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"},
items: [
{
icon: MousePointer,
text: "Smooth interactions"},
],
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"},
items: [
{
icon: Layers,
text: "Modular code"},
],
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"},
items: [
{
icon: BarChart,
text: "Insights first"},
],
reverse: false
},
{ 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"}], 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"}, items: [{ icon: Layers, text: "Modular code"}], 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"}, items: [{ icon: BarChart, text: "Insights first"}], reverse: false },
]}
title="Creative Solutions"
description="Our expertise spans across cutting-edge digital transformation tools."
textBoxTitleClassName="bg-gradient-to-r from-purple-500 to-indigo-500 bg-clip-text text-transparent animate-pulse"
/>
</div>
@@ -173,18 +114,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
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: "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: "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: "6", name: "Data Analytics", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.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: "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: "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"},
]}
title="Project Showcase"
description="A glimpse into our most celebrated works."
@@ -197,12 +132,9 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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."
@@ -215,16 +147,11 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "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: "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."
@@ -236,12 +163,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
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: "3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance."},
{ 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: "3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance."},
]}
title="Common Questions"
description="Answers you need."
@@ -252,8 +176,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ 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."
@@ -266,19 +189,13 @@ export default function LandingPage() {
<FooterCard
logoText="AgencyX"
socialLinks={[
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
{
icon: Github,
href: "#", ariaLabel: "GitHub"},
{
icon: Linkedin,
href: "#", ariaLabel: "LinkedIn"},
{ icon: Twitter, href: "#", ariaLabel: "Twitter"},
{ icon: Github, href: "#", ariaLabel: "GitHub"},
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}