Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-03 18:54:39 +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 { Award, TrendingUp, Users } from "lucide-react";
import { Award, TrendingUp, Users, Zap, Target, Code } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Process",
id: "#process",
},
{
name: "Work",
id: "#work",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Services", id: "#services" },
{ name: "Process", id: "#process" },
{ name: "Work", id: "#work" },
{ name: "Contact", id: "#contact" },
]}
brandName="CREATIVITY"
/>
@@ -56,105 +44,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Architecting Digital Experiences."
description="We blend high-end design with robust engineering to build brands that lead the market."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=1",
imageAlt: "Hero Showcase 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=1",
imageAlt: "Hero Showcase 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=1",
imageAlt: "Hero Showcase 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg?_wi=1",
imageAlt: "Hero Showcase 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet-technology_23-2149491798.jpg",
imageAlt: "Hero Showcase 5",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg", imageAlt: "Hero Showcase 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg", imageAlt: "Hero Showcase 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Hero Showcase 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg", imageAlt: "Hero Showcase 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet-technology_23-2149491798.jpg", imageAlt: "Hero Showcase 5" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
imageAlt: "Hero Showcase 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=2",
imageAlt: "Hero Showcase 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=2",
imageAlt: "Hero Showcase 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=2",
imageAlt: "Hero Showcase 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg?_wi=2",
imageAlt: "Hero Showcase 4",
},
]}
buttons={[
{
text: "Start Project",
href: "#contact",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg", imageAlt: "Hero Showcase 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg", imageAlt: "Hero Showcase 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg", imageAlt: "Hero Showcase 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Hero Showcase 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-with-clean-design-decoration-generative-ai_188544-8725.jpg", imageAlt: "Hero Showcase 4" },
]}
buttons={[{ text: "Start Project", href: "#contact" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 50+ global partners"
marqueeItems={[
{
type: "text",
text: "Design",
},
{
type: "text",
text: "Development",
},
{
type: "text",
text: "Strategy",
},
{
type: "text",
text: "Branding",
},
{
type: "text",
text: "Analytics",
},
{ type: "text", text: "Design" },
{ type: "text", text: "Development" },
{ type: "text", text: "Strategy" },
{ type: "text", text: "Branding" },
{ type: "text", text: "Analytics" },
]}
/>
</div>
@@ -166,36 +87,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Web Design",
description: "High-fidelity prototypes and custom UI/UX solutions.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg?_wi=1",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-fake-news-message_23-2148876043.jpg?_wi=3",
imageAlt: "web design agency professional mockup",
title: "Web Design", description: "High-fidelity prototypes and custom UI/UX solutions.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg" },
]
},
{
title: "Development",
description: "Robust, scalable codebases and custom digital systems.",
bentoComponent: "globe",
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012355.jpg?_wi=3",
imageAlt: "abstract geometric tech background",
title: "Development", description: "Robust, scalable codebases and custom digital systems.", bentoComponent: "globe"
},
{
title: "Analytics",
description: "Deep insights and performance monitoring.",
bentoComponent: "line-chart",
imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg?_wi=3",
imageAlt: "saas dashboard interface design",
title: "Analytics", description: "Deep insights and performance monitoring.", bentoComponent: "line-chart"
},
]}
title="Core Capabilities"
@@ -208,24 +110,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Discovery",
description: "Deep dive into your brand goals.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg?_wi=2",
buttonIcon: "Zap",
},
{
title: "Strategy",
description: "Mapping the path to growth.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg?_wi=2",
buttonIcon: "Target",
},
{
title: "Execution",
description: "Precision engineering and craft.",
imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg?_wi=2",
buttonIcon: "Code",
},
{ title: "Discovery", description: "Deep dive into your brand goals.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-400091.jpg", buttonIcon: Zap },
{ title: "Strategy", description: "Mapping the path to growth.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037209.jpg", buttonIcon: Target },
{ title: "Execution", description: "Precision engineering and craft.", imageSrc: "http://img.b2bpic.net/free-photo/research-word-blue-text-style_53876-124839.jpg", buttonIcon: Code },
]}
title="Our Design Logic"
description="A refined process built on clarity, iteration, and precision."
@@ -239,26 +126,11 @@ export default function LandingPage() {
rating={5}
author="Marcus Thorne"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012405.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg", alt: "Client 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -272,27 +144,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projects",
description: "Delivered successfully.",
icon: Award,
},
{
id: "m2",
value: "20%",
title: "Growth",
description: "Average conversion increase.",
icon: TrendingUp,
},
{
id: "m3",
value: "95%",
title: "Retention",
description: "Our long-term partners.",
icon: Users,
},
{ id: "m1", value: "150+", title: "Projects", description: "Delivered successfully.", icon: Award },
{ id: "m2", value: "20%", title: "Growth", description: "Average conversion increase.", icon: TrendingUp },
{ id: "m3", value: "95%", title: "Retention", description: "Our long-term partners.", icon: Users },
]}
title="Agency Impact"
description="Concrete metrics driving meaningful business outcomes."
@@ -304,24 +158,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={true}
negativeCard={{
items: [
"Design debt",
"Poor documentation",
"Slow turnaround",
"Lack of vision",
"Outdated tech",
],
}}
positiveCard={{
items: [
"Scalable architecture",
"Clear communication",
"Rapid deployment",
"Modern stack",
"Performance first",
],
}}
negativeCard={{ items: ["Design debt", "Poor documentation", "Slow turnaround", "Lack of vision", "Outdated tech"] }}
positiveCard={{ items: ["Scalable architecture", "Clear communication", "Rapid deployment", "Modern stack", "Performance first"] }}
title="Why Choose Us"
description="Bridging the gap between creative vision and technical excellence."
/>
@@ -333,30 +171,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Elena Ross",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-120750.jpg",
},
{
id: "t2",
name: "Sam Chen",
role: "Art Director",
imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
},
{
id: "t3",
name: "Liam Scott",
role: "Lead Developer",
imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",
},
{
id: "t4",
name: "Sarah J.",
role: "Digital Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-72315.jpg",
},
{ id: "t1", name: "Elena Ross", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-120750.jpg" },
{ id: "t2", name: "Sam Chen", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg" },
{ id: "t3", name: "Liam Scott", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg" },
{ id: "t4", name: "Sarah J.", role: "Digital Strategist", imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-72315.jpg" },
]}
title="Our Collective"
description="Meet the creators behind the digital experiences."
@@ -368,21 +186,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long do projects take?",
content: "Depending on complexity, between 4-12 weeks.",
},
{
id: "f2",
title: "Do you work with startups?",
content: "Yes, we specialize in high-growth startup ecosystems.",
},
{
id: "f3",
title: "Can you handle maintenance?",
content: "We offer dedicated post-launch support plans.",
},
{ id: "f1", title: "How long do projects take?", content: "Depending on complexity, between 4-12 weeks." },
{ id: "f2", title: "Do you work with startups?", content: "Yes, we specialize in high-growth startup ecosystems." },
{ id: "f3", title: "Can you handle maintenance?", content: "We offer dedicated post-launch support plans." },
]}
title="Frequently Asked"
description="Clear answers to help you get started on your next project."
@@ -393,63 +199,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Talk"
title="Ready for your next digital leap?"
description="Get in touch for a comprehensive strategy consultation today."
buttons={[
{
text: "Get Started",
href: "#",
},
]}
buttons={[{ text: "Get Started", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Work",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Design",
href: "#",
},
{
label: "Development",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Work", href: "#" }] },
{ title: "Services", items: [{ label: "Design", href: "#" }, { label: "Development", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>