bender/ee1969af-e972-4f5d-a5ea-3f7b1bcc010c
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-04-23 17:48:31 +00:00
parent 019b959d01
commit e822619c71
1 changed files with 49 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/app/page.tsx
View File

@@ -32,101 +32,37 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Nexus Digital"
button={{
text: "Get Started",
href: "#contact",
}}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Creative Solutions for the Digital Frontier."
description="Nexus Digital helps ambitious businesses build high-performance websites and online solutions that drive growth, creativity, and results."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1338.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021778.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-model-posing-black-white_23-2149411416.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1338.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021778.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/side-view-model-posing-black-white_23-2149411416.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 50+ startups"
buttons={[
{
text: "Get Started",
href: "#contact",
},
{
text: "View Work",
href: "#portfolio",
},
]}
buttons={[{ text: "Get Started", href: "#contact" }, { text: "View Work", href: "#portfolio" }]}
marqueeItems={[
{
type: "text-icon",
text: "Fast Performance",
icon: Zap,
},
{
type: "text-icon",
text: "Responsive Design",
icon: Smartphone,
},
{
type: "text-icon",
text: "SEO Optimized",
icon: Search,
},
{
type: "text-icon",
text: "Custom Branding",
icon: Palette,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Headphones,
},
{ type: "text-icon", text: "Fast Performance", icon: Zap },
{ type: "text-icon", text: "Responsive Design", icon: Smartphone },
{ type: "text-icon", text: "SEO Optimized", icon: Search },
{ type: "text-icon", text: "Custom Branding", icon: Palette },
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
]}
/>
</div>
@@ -137,20 +73,11 @@ export default function LandingPage() {
title="We turn bold ideas into digital experiences."
description="Our agency specializes in helping entrepreneurs and small businesses establish a powerful digital footprint. We combine creative design with robust development to help you thrive online."
metrics={[
{
value: "150+",
title: "Projects Completed",
},
{
value: "98%",
title: "Client Satisfaction",
},
{
value: "24/7",
title: "Maintenance Support",
},
{ value: "150+", title: "Projects Completed" },
{ value: "98%", title: "Client Satisfaction" },
{ value: "24/7", title: "Maintenance Support" },
]}
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -164,26 +91,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Web Design",
description: "Beautiful, responsive designs tailored to your brand identity.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139270.jpg",
titleImageSrc: "http://img.b2bpic.net/free-vector/technology-it-informational-website-graphic_53876-34837.jpg",
buttonText: "Learn More",
},
title: "Web Design", description: "Beautiful, responsive designs tailored to your brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139270.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/technology-it-informational-website-graphic_53876-34837.jpg", buttonText: "Learn More"},
{
title: "Development",
description: "Clean, scalable code built for high performance.",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-hacking-code-running-computer-system-monitors_482257-99624.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg",
buttonText: "Learn More",
},
title: "Development", description: "Clean, scalable code built for high performance.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-hacking-code-running-computer-system-monitors_482257-99624.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg", buttonText: "Learn More"},
{
title: "Branding & Maintenance",
description: "Continuous support to keep your brand fresh and functional.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345454.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/black-friday-product-promotions-concept_23-2148663136.jpg",
buttonText: "Learn More",
},
title: "Branding & Maintenance", description: "Continuous support to keep your brand fresh and functional.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345454.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/black-friday-product-promotions-concept_23-2148663136.jpg", buttonText: "Learn More"},
]}
title="Services we provide"
description="From concept to launch, we handle all aspects of your digital business requirements."
@@ -192,46 +104,17 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "SaaS Platform UI",
price: "Web Design",
imageSrc: "http://img.b2bpic.net/free-vector/personal-trainer-vertical-business-card_23-2149633378.jpg",
},
{
id: "p2",
name: "E-Commerce Store",
price: "Development",
imageSrc: "http://img.b2bpic.net/free-vector/fashion-boutique-gift-tag-template-design_23-2150673498.jpg",
},
{
id: "p3",
name: "Brand Identity Redesign",
price: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg",
},
{
id: "p4",
name: "Fintech Dashboard",
price: "Development",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg",
},
{
id: "p5",
name: "Agency Portfolio Site",
price: "Web Design",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-object-imitate-model-replica-design-reproduce-concept_53876-134069.jpg",
},
{
id: "p6",
name: "Landing Page Suite",
price: "Marketing",
imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-look-assembly-lines-blueprints-working-notebook_482257-126515.jpg",
},
{ id: "p1", name: "SaaS Platform UI", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-vector/personal-trainer-vertical-business-card_23-2149633378.jpg" },
{ id: "p2", name: "E-Commerce Store", price: "Development", imageSrc: "http://img.b2bpic.net/free-vector/fashion-boutique-gift-tag-template-design_23-2150673498.jpg" },
{ id: "p3", name: "Brand Identity Redesign", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg" },
{ id: "p4", name: "Fintech Dashboard", price: "Development", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
{ id: "p5", name: "Agency Portfolio Site", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-photo/mockup-object-imitate-model-replica-design-reproduce-concept_53876-134069.jpg" },
{ id: "p6", name: "Landing Page Suite", price: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-look-assembly-lines-blueprints-working-notebook_482257-126515.jpg" },
]}
title="Our recent work"
description="Showcasing some of our most impactful digital projects."
@@ -245,46 +128,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "CEO",
company: "TechVision",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg",
},
{
id: "2",
name: "David Chen",
role: "Founder",
company: "GrowthLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-photographer-dressed-gray-elegant-jacket-holding-cup-takeaway-coffee-while-leaning-table-room-with-loft-interior-looking-camera_613910-18246.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Director",
company: "BrandCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
id: "4",
name: "Marcus Thorne",
role: "CTO",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
},
{
id: "5",
name: "Sofia Kim",
role: "Marketing",
company: "ScaleUp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg",
},
{ id: "1", name: "Sarah Miller", role: "CEO", company: "TechVision", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg" },
{ id: "2", name: "David Chen", role: "Founder", company: "GrowthLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-photographer-dressed-gray-elegant-jacket-holding-cup-takeaway-coffee-while-leaning-table-room-with-loft-interior-looking-camera_613910-18246.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Director", company: "BrandCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
{ id: "4", name: "Marcus Thorne", role: "CTO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg" },
{ id: "5", name: "Sofia Kim", role: "Marketing", company: "ScaleUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg" },
]}
title="What our clients say"
description="Trusted by leaders across various industries."
@@ -296,26 +144,14 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does a website take?",
content: "Depending on complexity, most projects take 4-8 weeks from concept to launch.",
},
{
id: "f2",
title: "Do you provide support?",
content: "Yes, we offer ongoing maintenance and support packages to ensure your site is always updated.",
},
{
id: "f3",
title: "How do we get started?",
content: "Simply reach out via our contact form, and we'll schedule a discovery call.",
},
{ id: "f1", title: "How long does a website take?", content: "Depending on complexity, most projects take 4-8 weeks from concept to launch." },
{ id: "f2", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance and support packages to ensure your site is always updated." },
{ id: "f3", title: "How do we get started?", content: "Simply reach out via our contact form, and we'll schedule a discovery call." },
]}
title="Common Questions"
description="Quick answers to help you get started."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -324,15 +160,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"AlphaTech",
"BetaLabs",
"GammaCorp",
"DeltaDesign",
"EpsilonTech",
"ZetaSystems",
"OmegaCorp",
]}
names={["AlphaTech", "BetaLabs", "GammaCorp", "DeltaDesign", "EpsilonTech", "ZetaSystems", "OmegaCorp"]}
title="Our Partners"
description="Collaborating with industry leaders worldwide."
/>
@@ -344,24 +172,10 @@ export default function LandingPage() {
title="Ready to launch your project?"
description="Get in touch today and let's start building your digital future."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-mirror-glass-building_410324-123.jpg"
/>
</div>
@@ -369,42 +183,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Portfolio",
href: "#portfolio",
},
],
},
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Nexus Digital"
/>
@@ -412,4 +193,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}