Merge version_1 into main #1
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Dot Labs"
|
||||
/>
|
||||
@@ -57,16 +49,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="We Build Digital Experiences That Feel Alive."
|
||||
description="Dot Labs creates cinematic brands, AI-powered systems, and immersive digital experiences for modern businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Call", href: "#contact" }, { text: "View Projects", href: "#projects" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
|
||||
imageAlt="Dot Labs Hero Graphic"
|
||||
@@ -78,12 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Creative Innovation Studio"
|
||||
description="We specialize in Branding, Web Development, Motion Design, AI Automation, Content Creation, and Digital Marketing to push the boundaries of technology."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg"
|
||||
imageAlt="Dot Labs Creative Studio"
|
||||
/>
|
||||
@@ -92,56 +70,15 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Branding Design",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829291.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Web Development",
|
||||
tags: [
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-design-elements_23-2148996837.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Motion Design",
|
||||
tags: [
|
||||
"Cinematic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996798.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "AI Automation",
|
||||
tags: [
|
||||
"Future",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-startup-intern-holding-laptop-asks-questions-senior-technician_482257-118733.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Video Editing",
|
||||
tags: [
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-bell-icon-notifications-alerts_187299-46546.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Marketing",
|
||||
tags: [
|
||||
"Digital",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Branding Design", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829291.jpg" },
|
||||
{ id: "s2", title: "Web Development", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-design-elements_23-2148996837.jpg" },
|
||||
{ id: "s3", title: "Motion Design", tags: ["Cinematic"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996798.jpg" },
|
||||
{ id: "s4", title: "AI Automation", tags: ["Future"], imageSrc: "http://img.b2bpic.net/free-photo/ai-startup-intern-holding-laptop-asks-questions-senior-technician_482257-118733.jpg" },
|
||||
{ id: "s5", title: "Video Editing", tags: ["Creative"], imageSrc: "http://img.b2bpic.net/free-photo/blue-bell-icon-notifications-alerts_187299-46546.jpg" },
|
||||
{ id: "s6", title: "Marketing", tags: ["Digital"], imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg" }
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="High-end digital solutions designed to elevate your brand into the future."
|
||||
@@ -155,54 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tech",
|
||||
name: "SaaS Website",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxury",
|
||||
name: "Brand Identity",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AI",
|
||||
name: "Promo Video",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-mixed-texture-background_23-2148227021.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Event",
|
||||
name: "Expo Branding",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/modern-glamour-flyer-template_23-2148583475.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Campaign",
|
||||
name: "Marketing Set",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspire-believe-dream-create-concept_53876-124158.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Design",
|
||||
name: "Portfolio Set",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Tech", name: "SaaS Website", price: "Featured", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg" },
|
||||
{ id: "p2", brand: "Luxury", name: "Brand Identity", price: "Featured", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg" },
|
||||
{ id: "p3", brand: "AI", name: "Promo Video", price: "Featured", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/abstract-mixed-texture-background_23-2148227021.jpg" },
|
||||
{ id: "p4", brand: "Event", name: "Expo Branding", price: "Featured", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-psd/modern-glamour-flyer-template_23-2148583475.jpg" },
|
||||
{ id: "p5", brand: "Campaign", name: "Marketing Set", price: "Featured", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/inspire-believe-dream-create-concept_53876-124158.jpg" },
|
||||
{ id: "p6", brand: "Design", name: "Portfolio Set", price: "Featured", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Selected work showcasing our commitment to premium quality and innovation."
|
||||
@@ -215,24 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Brands Elevated",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Creative Support",
|
||||
value: "24/7",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Projects Completed", value: "50+" },
|
||||
{ id: "m2", icon: Users, title: "Brands Elevated", value: "10+" },
|
||||
{ id: "m3", icon: Clock, title: "Creative Support", value: "24/7" }
|
||||
]}
|
||||
title="Agency Milestones"
|
||||
description="Measurable growth through creative excellence."
|
||||
@@ -246,26 +126,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins, TechVision"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-standing-wall_23-2148415940.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-woman-standing-wall_23-2148415940.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -277,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the typical timeline?",
|
||||
content: "Our projects typically range from 4-8 weeks depending on the scope of work.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we provide full digital support and ongoing maintenance packages.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What industries do you serve?",
|
||||
content: "We serve tech, luxury, lifestyle, and high-growth startup sectors globally.",
|
||||
},
|
||||
{ id: "f1", title: "What is the typical timeline?", content: "Our projects typically range from 4-8 weeks depending on the scope of work." },
|
||||
{ id: "f2", title: "Do you offer maintenance?", content: "Yes, we provide full digital support and ongoing maintenance packages." },
|
||||
{ id: "f3", title: "What industries do you serve?", content: "We serve tech, luxury, lifestyle, and high-growth startup sectors globally." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -304,24 +157,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Let’s Build Something Extraordinary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Email",
|
||||
href: "mailto:hello@dotlabs.com",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Instagram", href: "#" }, { text: "Email", href: "mailto:hello@dotlabs.com" }, { text: "WhatsApp", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,32 +167,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Dot Labs"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
copyrightText="Dot Labs © 2026"
|
||||
/>
|
||||
@@ -362,4 +176,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user