Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-03 00:20:30 +00:00

View File

@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { CheckCircle, Globe, Shield, Sparkles, TrendingUp, Zap } from "lucide-react";
import { ArrowRight, CheckCircle, Code, Globe, Search, Shield, Sparkles, TrendingUp, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,21 +34,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Nexus Studio"
/>
@@ -57,114 +49,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Digital Experiences Redefined"
description="We architect high-performance websites and digital products for forward-thinking brands. Elevate your presence with Nexus Studio."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=1",
imageAlt: "Hero Scene 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=1",
imageAlt: "Hero Scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=2",
imageAlt: "Hero Scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=2",
imageAlt: "Hero Scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=3",
imageAlt: "Hero Scene 5",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg", imageAlt: "Hero Scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg", imageAlt: "Hero Scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg", imageAlt: "Hero Scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg", imageAlt: "Hero Scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg", imageAlt: "Hero Scene 5" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=3",
imageAlt: "Hero Scene 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=4",
imageAlt: "Hero Scene 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=4",
imageAlt: "Hero Scene 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=5",
imageAlt: "Hero Scene 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=5",
imageAlt: "Hero Scene 5",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg", imageAlt: "Hero Scene 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg", imageAlt: "Hero Scene 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg", imageAlt: "Hero Scene 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg", imageAlt: "Hero Scene 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg", imageAlt: "Hero Scene 5" },
]}
buttons={[
{
text: "Start Project",
href: "#contact",
},
{
text: "Our Portfolio",
href: "#features",
},
{ text: "Start Project", href: "#contact" },
{ text: "Our Portfolio", href: "#features" },
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 500+ global brands"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
alt: "Logo 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
alt: "Logo 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
alt: "Logo 5",
},
]}
/>
</div>
@@ -174,30 +87,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Web Architecture",
description: "Robust, scalable foundations for global impact.",
bentoComponent: "reveal-icon",
icon: Globe,
imageSrc: "http://img.b2bpic.net/free-photo/waistup-porrtrait-happy-cheerful-redhead-girlfriend-talking-partner-using-internet-videocall-serv_1258-132851.jpg?_wi=6",
imageAlt: "web design studio background",
},
{
title: "Brand Strategy",
description: "Defining your unique voice in crowded digital landscapes.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg?_wi=6",
imageAlt: "creative design team office",
},
{
title: "Conversion Rate Optimization",
description: "Turn visitors into long-term customers with data-driven design.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=1",
imageAlt: "dashboard ui design dark",
},
{ title: "Web Architecture", description: "Robust, scalable foundations for global impact.", bentoComponent: "reveal-icon", icon: Globe },
{ title: "Brand Strategy", description: "Defining your unique voice in crowded digital landscapes.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Conversion Rate Optimization", description: "Turn visitors into long-term customers with data-driven design.", bentoComponent: "reveal-icon", icon: Zap },
]}
title="Crafting the Future"
description="Our design and development process integrates cutting-edge technologies to drive meaningful growth for your business."
@@ -209,24 +101,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Custom UI/UX",
description: "User-centric interface design for maximum engagement.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=2",
},
{
title: "Frontend Development",
description: "High-performance React/Next.js implementation.",
buttonIcon: "Code",
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=3",
},
{
title: "SEO Optimization",
description: "Rank higher, convert better, reach further.",
buttonIcon: "Search",
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=4",
},
{ title: "Custom UI/UX", description: "User-centric interface design for maximum engagement.", buttonIcon: ArrowRight },
{ title: "Frontend Development", description: "High-performance React/Next.js implementation.", buttonIcon: Code },
{ title: "SEO Optimization", description: "Rank higher, convert better, reach further.", buttonIcon: Search },
]}
title="Comprehensive Solutions"
description="Everything you need to launch, scale, and optimize your digital presence."
@@ -240,26 +117,11 @@ export default function LandingPage() {
rating={5}
author="Elena Rodriguez, CEO"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -273,27 +135,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projects Completed",
description: "Innovative solutions delivered.",
icon: CheckCircle,
},
{
id: "m2",
value: "2x",
title: "Traffic Growth",
description: "Average improvement for our clients.",
icon: TrendingUp,
},
{
id: "m3",
value: "98%",
title: "Client Retention",
description: "Built on long-term partnerships.",
icon: Shield,
},
{ id: "m1", value: "150+", title: "Projects Completed", description: "Innovative solutions delivered.", icon: CheckCircle },
{ id: "m2", value: "2x", title: "Traffic Growth", description: "Average improvement for our clients.", icon: TrendingUp },
{ id: "m3", value: "98%", title: "Client Retention", description: "Built on long-term partnerships.", icon: Shield },
]}
title="Proven Impact"
description="Numbers reflect our commitment to excellence and tangible results for our partners."
@@ -305,20 +149,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={true}
negativeCard={{
items: [
"Outdated strategies",
"Fragmented branding",
"Low user retention",
],
}}
positiveCard={{
items: [
"Agile methodology",
"Unified brand narrative",
"High-performance interface",
],
}}
negativeCard={{ items: ["Outdated strategies", "Fragmented branding", "Low user retention"] }}
positiveCard={{ items: ["Agile methodology", "Unified brand narrative", "High-performance interface"] }}
title="Modernizing Your Strategy"
description="We bridge the gap between where your business is and where it wants to be."
/>
@@ -330,30 +162,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Alex Mercer",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg?_wi=1",
},
{
id: "t2",
name: "Sarah Chen",
role: "Senior Developer",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg?_wi=2",
},
{
id: "t3",
name: "Marcus Thorne",
role: "Brand Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg?_wi=3",
},
{
id: "t4",
name: "Lila Vane",
role: "UI Designer",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg?_wi=4",
},
{ id: "t1", name: "Alex Mercer", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg" },
{ id: "t2", name: "Sarah Chen", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg" },
{ id: "t3", name: "Marcus Thorne", role: "Brand Strategist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg" },
{ id: "t4", name: "Lila Vane", role: "UI Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones_285396-1658.jpg" },
]}
title="Meet the Minds"
description="Our team combines creativity and technical precision to push the boundaries of digital craft."
@@ -365,21 +177,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long do projects take?",
content: "Depending on scope, typically 4-8 weeks.",
},
{
id: "f2",
title: "What is your tech stack?",
content: "We primarily work with Next.js, TypeScript, and Tailwind CSS.",
},
{
id: "f3",
title: "Do you provide maintenance?",
content: "Yes, we offer ongoing support and optimization packages.",
},
{ id: "f1", title: "How long do projects take?", content: "Depending on scope, typically 4-8 weeks." },
{ id: "f2", title: "What is your tech stack?", content: "We primarily work with Next.js, TypeScript, and Tailwind CSS." },
{ id: "f3", title: "Do you provide maintenance?", content: "Yes, we offer ongoing support and optimization packages." },
]}
title="Common Questions"
faqsAnimation="blur-reveal"
@@ -390,50 +190,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Ready to Start?"
title="Let's Build Something Extraordinary"
description="Tell us about your project. We're ready to bring your vision to life."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@nexusstudio.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@nexusstudio.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Nexus",
items: [
{
label: "About",
href: "#hero",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Resources",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Nexus", items: [{ label: "About", href: "#hero" }, { label: "Services", href: "#features" }] },
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>