Merge version_2 into main #2
357
src/app/page.tsx
357
src/app/page.tsx
@@ -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, CheckCircle, Star, User, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Star, User, Zap, Smartphone, Shield, Rocket } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,7 +25,7 @@ export default function LandingPage() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -56,114 +44,41 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Redefining Digital Experience"
|
||||
description="We blend high-end aesthetics with robust engineering to create digital products that move the needle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=1",
|
||||
imageAlt: "Design workspace 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=2",
|
||||
imageAlt: "Design workspace 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=3",
|
||||
imageAlt: "Design workspace 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=4",
|
||||
imageAlt: "Design workspace 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=5",
|
||||
imageAlt: "Design workspace 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=6",
|
||||
imageAlt: "Design workspace 6",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png", imageAlt: "Design workspace 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=1",
|
||||
imageAlt: "Designer at work 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=2",
|
||||
imageAlt: "Designer at work 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=3",
|
||||
imageAlt: "Designer at work 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=4",
|
||||
imageAlt: "Designer at work 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=5",
|
||||
imageAlt: "Designer at work 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=6",
|
||||
imageAlt: "Designer at work 6",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png", imageAlt: "Designer at work 6" }
|
||||
]}
|
||||
tag="Design-First Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-fem-1775204399779-78e36817.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png", alt: "User 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-fem-1775204399779-78e36817.png", alt: "User 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png", alt: "User 5" }
|
||||
]}
|
||||
avatarText="Trusted by 100+ innovators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Performance" },
|
||||
{ type: "text", text: "Scalability" },
|
||||
{ type: "text", text: "Design" },
|
||||
{ type: "text", text: "Strategy" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,42 +87,11 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Global Presence",
|
||||
description: "Scale seamlessly with our globally distributed architecture.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-web-design-studio-workspace-1775204399706-c2c8191a.png?_wi=7",
|
||||
imageAlt: "Professional web design studio workspace with aesthetic lighting, high-tech monitors showing abstrac",
|
||||
},
|
||||
{
|
||||
title: "Smart Chat Support",
|
||||
description: "Instant answers, better results.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "How do we scale?",
|
||||
aiResponse: "Using edge deployments.",
|
||||
},
|
||||
{
|
||||
userMessage: "Is it performant?",
|
||||
aiResponse: "Sub-50ms latency.",
|
||||
},
|
||||
],
|
||||
placeholder: "Ask our expert AI...",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-professional-creative-agency-1775204398470-1e6127e0.png?_wi=7",
|
||||
imageAlt: "Close up of professional creative agency designer hand working on a minimalist web interface design ",
|
||||
},
|
||||
{
|
||||
title: "Reveal Tech",
|
||||
description: "Icon-driven clarity.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png?_wi=1",
|
||||
imageAlt: "Abstract visualization of cloud data architecture with vibrant blue glowing nodes, dark tech backgro",
|
||||
},
|
||||
{ title: "Global Presence", description: "Scale seamlessly with our globally distributed architecture.", bentoComponent: "globe" },
|
||||
{ title: "Smart Chat Support", description: "Instant answers, better results.", bentoComponent: "chat", aiIcon: Star, userIcon: User, exchanges: [{ userMessage: "How do we scale?", aiResponse: "Using edge deployments." }, { userMessage: "Is it performant?", aiResponse: "Sub-50ms latency." }], placeholder: "Ask our expert AI..." },
|
||||
{ title: "Reveal Tech", description: "Icon-driven clarity.", bentoComponent: "reveal-icon", icon: Zap }
|
||||
]}
|
||||
title="Precision Engineering Meets Art"
|
||||
description="Our workflow ensures every pixel counts, balancing performance and visual storytelling perfectly."
|
||||
@@ -219,24 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mobile First",
|
||||
description: "Optimized for every device.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png?_wi=2",
|
||||
buttonIcon: "Smartphone",
|
||||
},
|
||||
{
|
||||
title: "Secure Cloud",
|
||||
description: "Enterprise-grade protection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png?_wi=3",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Fast Deployment",
|
||||
description: "CI/CD enabled pipelines.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png?_wi=4",
|
||||
buttonIcon: "Rocket",
|
||||
},
|
||||
{ title: "Mobile First", description: "Optimized for every device.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png", buttonIcon: Smartphone },
|
||||
{ title: "Secure Cloud", description: "Enterprise-grade protection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png", buttonIcon: Shield },
|
||||
{ title: "Fast Deployment", description: "CI/CD enabled pipelines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-visualization-of-cloud-data-arc-1775204399076-0d1d197d.png", buttonIcon: Rocket }
|
||||
]}
|
||||
title="Designed for Growth"
|
||||
description="Leverage our toolkit to outpace competitors with superior UI and robust backend."
|
||||
@@ -250,26 +119,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-fem-1775204399779-78e36817.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-fem-1775204399779-78e36817.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png", alt: "Client 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png", alt: "Client 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-corporate-headshot-of-a-hap-1775204401253-e72225d9.png", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -283,34 +137,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects",
|
||||
description: "Successfully launched.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Retention",
|
||||
description: "Clients who return.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Awards",
|
||||
description: "Industry recognition.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always available.",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Projects", description: "Successfully launched.", icon: CheckCircle },
|
||||
{ id: "m2", value: "98%", title: "Retention", description: "Clients who return.", icon: Award },
|
||||
{ id: "m3", value: "12", title: "Awards", description: "Industry recognition.", icon: Star },
|
||||
{ id: "m4", value: "24/7", title: "Support", description: "Always available.", icon: Zap }
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Proven results for ambitious clients around the world."
|
||||
@@ -322,20 +152,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual workflows",
|
||||
"Inconsistent design",
|
||||
"High maintenance",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Automated CI/CD",
|
||||
"Unified design system",
|
||||
"Zero maintenance",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Manual workflows", "Inconsistent design", "High maintenance"] }}
|
||||
positiveCard={{ items: ["Automated CI/CD", "Unified design system", "Zero maintenance"] }}
|
||||
title="Clearer Vision"
|
||||
description="See the difference between standard and premium."
|
||||
/>
|
||||
@@ -343,27 +161,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Riv",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam Chen",
|
||||
role: "Head of Engineering",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan Doe",
|
||||
role: "UX Researcher",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex Riv", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png" },
|
||||
{ id: "t2", name: "Sam Chen", role: "Head of Engineering", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-front-end-deve-1775204401321-e592fc68.png" },
|
||||
{ id: "t3", name: "Jordan Doe", role: "UX Researcher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/studio-portrait-of-a-lead-ui-designer-co-1775204399500-83b05665.png" }
|
||||
]}
|
||||
title="Meet the Minds"
|
||||
description="Passionate designers and engineers crafting the future of the web."
|
||||
@@ -375,21 +179,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle custom code?",
|
||||
content: "Absolutely, we build everything custom to your needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What's the typical timeline?",
|
||||
content: "Usually 6-12 weeks depending on project scope.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide maintenance?",
|
||||
content: "Yes, we offer monthly maintenance packages.",
|
||||
},
|
||||
{ id: "f1", title: "Do you handle custom code?", content: "Absolutely, we build everything custom to your needs." },
|
||||
{ id: "f2", title: "What's the typical timeline?", content: "Usually 6-12 weeks depending on project scope." },
|
||||
{ id: "f3", title: "Do you provide maintenance?", content: "Yes, we offer monthly maintenance packages." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to our most common client queries."
|
||||
@@ -400,50 +192,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to Launch Your Project?"
|
||||
description="Book a discovery call and let's craft something amazing together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@lumina.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@lumina.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Works",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "About", href: "#" }, { label: "Works", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="Lumina"
|
||||
copyrightText="© 2025 Lumina Studio."
|
||||
|
||||
Reference in New Issue
Block a user