1 Commits

Author SHA1 Message Date
44f3fa3c35 Update src/app/page.tsx 2026-04-09 06:23:34 +00:00

View File

@@ -6,14 +6,13 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel"; import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento"; import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix"; import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive"; import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase"; import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA"; import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react"; import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award } from "lucide-react";
export default function WebAgency2Page() { export default function WebAgency2Page() {
return ( return (
@@ -40,208 +39,156 @@ export default function WebAgency2Page() {
]} ]}
button={{ text: "Consultation", href: "#contact" }} button={{ text: "Consultation", href: "#contact" }}
/> />
<HeroSplitDoubleCarousel <div id="work">
title="Engineering Tomorrow's Digital Standard" <HeroSplitDoubleCarousel
description="We fuse high-performance architecture with intuitive design to scale your digital presence, ensuring every interaction feels purposeful and refined." title="Engineering Tomorrow's Digital Standard"
tag="Premium Digital Studio" description="We fuse high-performance architecture with intuitive design to scale your digital presence, ensuring every interaction feels purposeful and refined."
tagIcon={Sparkles} tag="Premium Digital Studio"
tagAnimation="slide-up" tagIcon={Sparkles}
background={{ variant: "canvas-reveal" }} tagAnimation="slide-up"
buttons={[ background={{ variant: "canvas-reveal" }}
{ text: "Partner With Us", href: "#contact" }, buttons={[
{ text: "See Our Craft", href: "#work" }, { text: "Partner With Us", href: "#contact" },
]} { text: "See Our Craft", href: "#work" },
buttonAnimation="slide-up" ]}
carouselPosition="right" buttonAnimation="slide-up"
leftCarouselItems={[ carouselPosition="right"
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253522.jpg", imageAlt: "Enterprise SaaS Dashboard" }, leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg", imageAlt: "Creative Agency Portfolio" }, { imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253522.jpg", imageAlt: "Enterprise SaaS Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg", imageAlt: "Fintech Mobile Interface" }, { imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg", imageAlt: "Creative Agency Portfolio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg", imageAlt: "E-commerce Luxury Brand" }, { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg", imageAlt: "Fintech Mobile Interface" },
]} { imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg", imageAlt: "E-commerce Luxury Brand" },
rightCarouselItems={[ ]}
{ imageSrc: "http://img.b2bpic.net/free-photo/investigate-word-faded-shadow-font-typography-illustration_53876-126818.jpg", imageAlt: "High-End Web Experience" }, rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/two-person-standing-escalator_400718-24.jpg", imageAlt: "Corporate Innovation Platform" }, { imageSrc: "http://img.b2bpic.net/free-photo/investigate-word-faded-shadow-font-typography-illustration_53876-126818.jpg", imageAlt: "High-End Web Experience" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg", imageAlt: "Design System Showcase" }, { imageSrc: "http://img.b2bpic.net/free-photo/two-person-standing-escalator_400718-24.jpg", imageAlt: "Corporate Innovation Platform" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-abstract-3d-design-elements_23-2148996824.jpg", imageAlt: "Interactive Product Hub" }, { imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg", imageAlt: "Design System Showcase" },
]} { imageSrc: "http://img.b2bpic.net/free-photo/composition-abstract-3d-design-elements_23-2148996824.jpg", imageAlt: "Interactive Product Hub" },
carouselItemClassName="!aspect-[4/5]" ]}
/> carouselItemClassName="!aspect-[4/5]"
<FeatureBento />
title="Our Strategic Capabilities" </div>
description="Precision-engineered solutions designed to elevate user experience and drive meaningful business growth." <div id="services">
textboxLayout="default" <FeatureBento
useInvertedBackground={false} title="Our Strategic Capabilities"
animationType="slide-up" description="Precision-engineered solutions designed to elevate user experience and drive meaningful business growth."
buttons={[{ text: "View Full Stack", href: "#services" }]} textboxLayout="default"
buttonAnimation="slide-up" useInvertedBackground={false}
features={[ animationType="slide-up"
{ buttons={[{ text: "View Full Stack", href: "#services" }]}
title: "Search Dominance", description: "Advanced technical SEO architecture tailored for high-conversion visibility.", bentoComponent: "marquee", centerIcon: Search, buttonAnimation="slide-up"
variant: "text", texts: ["Technical Audit", "Semantic SEO", "Latency Optimization", "Intent Mapping", "Schema Markup", "Conversion Pathing"], features={[
}, {
{ title: "Search Dominance", description: "Advanced technical SEO architecture tailored for high-conversion visibility.", bentoComponent: "marquee", centerIcon: Search,
title: "Scalable Engineering", description: "Robust, high-performance web applications built for infinite growth.", bentoComponent: "media-stack", items: [ variant: "text", texts: ["Technical Audit", "Semantic SEO", "Latency Optimization", "Intent Mapping", "Schema Markup", "Conversion Pathing"],
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "Platform Architecture" }, },
{ imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301549.jpg", imageAlt: "Frontend Performance" }, {
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg", imageAlt: "System Integration" }, title: "Scalable Engineering", description: "Robust, high-performance web applications built for infinite growth.", bentoComponent: "media-stack", items: [
], { imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "Platform Architecture" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301549.jpg", imageAlt: "Frontend Performance" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg", imageAlt: "System Integration" },
title: "Brand Strategy", description: "Developing unique visual identities that stand out in crowded digital markets.", bentoComponent: "media-stack", items: [ ],
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=haadsx", imageAlt: "Brand Identity 1" }, },
{ imageSrc: "http://img.b2bpic.net/free-photo/cover-mockup-with-alphabet_23-2147730284.jpg", imageAlt: "Brand Identity 2" }, {
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277803.jpg", imageAlt: "Brand Identity 3" }, title: "Brand Strategy", description: "Developing unique visual identities that stand out in crowded digital markets.", bentoComponent: "media-stack", items: [
], { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=haadsx", imageAlt: "Brand Identity 1" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/cover-mockup-with-alphabet_23-2147730284.jpg", imageAlt: "Brand Identity 2" },
]} { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277803.jpg", imageAlt: "Brand Identity 3" },
/> ],
<FeatureCardTwentySix },
title="Curated Case Studies" ]}
description="Deep dives into the technical challenges we solve and the exceptional results we deliver." />
textboxLayout="default" <FeatureCardTwentySix
useInvertedBackground={false} title="Curated Case Studies"
buttons={[{ text: "Explore Portfolio", href: "#work" }] description="Deep dives into the technical challenges we solve and the exceptional results we deliver."
} textboxLayout="default"
buttonAnimation="slide-up" useInvertedBackground={false}
cardClassName="!h-auto aspect-video" buttons={[{ text: "Explore Portfolio", href: "#work" }]}
features={[ buttonAnimation="slide-up"
{ cardClassName="!h-auto aspect-video"
title: "Aether Financial", description: "Complex data visualization interface", imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Aether Financial Dashboard", buttonIcon: ArrowUpRight, features={[
buttonHref: "#"}, {
{ title: "Aether Financial", description: "Complex data visualization interface", imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Aether Financial Dashboard", buttonIcon: ArrowUpRight,
title: "Zenith Logistics", description: "Real-time global tracking portal", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Zenith Logistics Platform", buttonIcon: ArrowUpRight, buttonHref: "#"},
buttonHref: "#"}, {
{ title: "Zenith Logistics", description: "Real-time global tracking portal", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Zenith Logistics Platform", buttonIcon: ArrowUpRight,
title: "Veridian Tech", description: "B2B SaaS ecosystem migration", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5724.jpg", imageAlt: "Veridian Tech Website", buttonIcon: ArrowUpRight, buttonHref: "#"},
buttonHref: "#"}, {
{ title: "Veridian Tech", description: "B2B SaaS ecosystem migration", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5724.jpg", imageAlt: "Veridian Tech Website", buttonIcon: ArrowUpRight,
title: "Nova Design Studio", description: "High-traffic creative showcase", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", imageAlt: "Nova Design Site", buttonIcon: ArrowUpRight, buttonHref: "#"},
buttonHref: "#"}, {
]} title: "Nova Design Studio", description: "High-traffic creative showcase", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", imageAlt: "Nova Design Site", buttonIcon: ArrowUpRight,
/> buttonHref: "#"},
<FeatureBento ]}
title="Our Operational Excellence" />
description="We maintain absolute standards in delivery, security, and integration." </div>
textboxLayout="default" <div id="about">
useInvertedBackground={false} <TestimonialCardFifteen
animationType="slide-up" testimonial="NexusCraft didn't just build us a website; they engineered an ecosystem. Their technical rigor turned our complex data requirements into a seamless user journey."
features={[ rating={5}
{ author="— Jonathan Hayes, CTO at Aether Financial"
title: "Multi-Device Mastery", description: "Uncompromising visual fidelity across all viewport dimensions.", bentoComponent: "phone", statusIcon: Lock, avatars={[
alertIcon: Monitor, { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", alt: "Jonathan Hayes" },
alertTitle: "Viewport Sync", alertMessage: "All resolutions optimized", apps: [ ]}
{ name: "Sync", icon: Phone }, ratingAnimation="slide-up"
{ name: "Auth", icon: MessageCircle }, avatarsAnimation="slide-up"
{ name: "Data", icon: BookOpen }, useInvertedBackground={false}
{ name: "UI", icon: Tv }, />
{ name: "UX", icon: Camera }, <MetricCardOne
{ name: "Flow", icon: Music }, title="Benchmarks of Impact"
{ name: "Config", icon: Settings }, description="We measure our success by the growth metrics we unlock for our partners."
{ name: "Ops", icon: MessageCircle }, textboxLayout="default"
], useInvertedBackground={false}
}, gridVariant="uniform-all-items-equal"
{ animationType="slide-up"
title: "Hardened Security", description: "Encryption-first deployment protocols and enterprise-grade uptime.", bentoComponent: "reveal-icon", icon: Shield, metrics={[
}, { id: "growth", value: "320%", title: "Traffic Growth", description: "Average increase in organic user acquisition", icon: TrendingUp },
{ { id: "performance", value: "98/100", title: "Core Web Vitals", description: "Consistent Lighthouse score across projects", icon: Zap },
title: "Agile Sprint Methodology", description: "Delivering high-value features in rapid, iterative cycles.", bentoComponent: "timeline", heading: "Sprint Lifecycle", subheading: "Phase 1", items: [ { id: "deployment", value: "10 days", title: "Deployment Cycle", description: "Efficiency in feature delivery timelines", icon: Award },
{ label: "User Research", detail: "Days 1-2" }, ]}
{ label: "Iterative Prototyping", detail: "Days 3-7" }, />
{ label: "Deployment Strategy", detail: "Days 8-10" }, <TeamCardFive
], title="The Architectural Collective"
completedLabel: "Deployed"}, description="Multidisciplinary experts dedicated to the science of digital growth."
{ textboxLayout="default"
title: "System Orchestration", description: "Seamless connectivity between your core business API stack.", bentoComponent: "orbiting-icons", centerIcon: Puzzle, useInvertedBackground={false}
items: [ animationType="slide-up"
{ icon: Shield }, mediaClassName="object-[65%_center]"
{ icon: Monitor }, team={[
{ icon: Zap }, { id: "1", name: "Elena Vaskov", role: "Systems Architect", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", imageAlt: "Elena Vaskov" },
{ icon: TrendingUp }, { id: "2", name: "Marcus Thorne", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13685.jpg", imageAlt: "Marcus Thorne" },
], { id: "3", name: "David Chen", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg", imageAlt: "David Chen" },
}, ]}
{ />
title: "Market Analytics", description: "Predictive insights that steer your product evolution.", bentoComponent: "line-chart"}, </div>
]} <div id="contact">
/> <FaqBase
<TestimonialCardFifteen title="Studio Inquiries"
testimonial="NexusCraft didn't just build us a website; they engineered an ecosystem. Their technical rigor turned our complex data requirements into a seamless user journey." description="Addressing the mechanics of our partnership process."
rating={5} textboxLayout="default"
author="— Jonathan Hayes, CTO at Aether Financial" useInvertedBackground={false}
avatars={[ faqsAnimation="slide-up"
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", alt: "Jonathan Hayes" }, faqs={[
]} { id: "1", title: "How is your project scope defined?", content: "We conduct a rigorous technical discovery session to define core business objectives and functional requirements before design begins." },
ratingAnimation="slide-up" { id: "2", title: "What is your engagement model?", content: "We operate on value-based sprint cycles, ensuring clear deliverables and transparent communication at every stage of the lifecycle." },
avatarsAnimation="slide-up" { id: "3", title: "How do you handle maintenance?", content: "We offer ongoing engineering retainers focused on security monitoring, performance audits, and iterative feature development." },
useInvertedBackground={false} { id: "4", title: "Do you support legacy migrations?", content: "Yes, we specialize in high-integrity data and platform migrations designed to preserve SEO capital and historical user data." },
/> { id: "5", title: "What defines your tech stack?", content: "We prioritize modular frameworks like Next.js and Tailwind CSS for their performance scalability and long-term maintainability." },
<MetricCardOne ]}
title="Benchmarks of Impact" />
description="We measure our success by the growth metrics we unlock for our partners." <ContactCTA
textboxLayout="default" tag="Initiate Engagement"
useInvertedBackground={false} title="Architecting Your Next Digital Milestone"
gridVariant="uniform-all-items-equal" description="Let's evaluate your requirements and define a roadmap for your digital success."
animationType="slide-up" background={{ variant: "rotated-rays-animated" }}
metrics={[ buttons={[
{ id: "growth", value: "320%", title: "Traffic Growth", description: "Average increase in organic user acquisition", icon: TrendingUp }, { text: "Schedule Briefing", href: "#contact" },
{ id: "performance", value: "98/100", title: "Core Web Vitals", description: "Consistent Lighthouse score across projects", icon: Zap }, { text: "Portfolio Review", href: "#work" },
{ id: "deployment", value: "10 days", title: "Deployment Cycle", description: "Efficiency in feature delivery timelines", icon: Award }, ]}
]} buttonAnimation="slide-up"
/> useInvertedBackground={false}
<FeatureCardSixteen />
title="Standard vs. NexusCraft" </div>
description="Distinguishing true digital architecture from template-based shortcuts."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [
"Rigid, bloated codebases", "Latency-heavy asset loading", "Disconnected search visibility", "Surface-level design updates", "Zero post-launch optimization"],
}}
positiveCard={{
items: [
"Modular, performant architecture", "Optimized delivery networks", "Semantic SEO-first structure", "Deep-rooted brand strategy", "Continuous performance tuning"],
}}
/>
<TeamCardFive
title="The Architectural Collective"
description="Multidisciplinary experts dedicated to the science of digital growth."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
mediaClassName="object-[65%_center]"
team={[
{ id: "1", name: "Elena Vaskov", role: "Systems Architect", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", imageAlt: "Elena Vaskov" },
{ id: "2", name: "Marcus Thorne", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13685.jpg", imageAlt: "Marcus Thorne" },
{ id: "3", name: "David Chen", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg", imageAlt: "David Chen" },
]}
/>
<FaqBase
title="Studio Inquiries"
description="Addressing the mechanics of our partnership process."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "How is your project scope defined?", content: "We conduct a rigorous technical discovery session to define core business objectives and functional requirements before design begins." },
{ id: "2", title: "What is your engagement model?", content: "We operate on value-based sprint cycles, ensuring clear deliverables and transparent communication at every stage of the lifecycle." },
{ id: "3", title: "How do you handle maintenance?", content: "We offer ongoing engineering retainers focused on security monitoring, performance audits, and iterative feature development." },
{ id: "4", title: "Do you support legacy migrations?", content: "Yes, we specialize in high-integrity data and platform migrations designed to preserve SEO capital and historical user data." },
{ id: "5", title: "What defines your tech stack?", content: "We prioritize modular frameworks like Next.js and Tailwind CSS for their performance scalability and long-term maintainability." },
]}
/>
<ContactCTA
tag="Initiate Engagement"
title="Architecting Your Next Digital Milestone"
description="Let's evaluate your requirements and define a roadmap for your digital success."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Schedule Briefing", href: "#contact" },
{ text: "Portfolio Review", href: "#work" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<FooterBase <FooterBase
logoText="NexusCraft" logoText="NexusCraft"
copyrightText="© 2026 | NexusCraft Studios" copyrightText="© 2026 | NexusCraft Studios"