Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { BarChart, Code, Eye, Globe, Headphones, MousePointer, Palette, Search, Server, ShieldCheck, Smartphone, TrendingUp, Zap } from "lucide-react";
|
||||
import { BarChart, Code, Eye, Globe, Headphones, Megaphone, MousePointer, Palette, Search, Server, ShieldCheck, Smartphone, TrendingUp, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus Digital"
|
||||
/>
|
||||
@@ -58,43 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="We Build Professional Websites That Drive Growth."
|
||||
description="Transform your brand with a custom-engineered digital experience. We combine expert design with high-performance code to help your business scale effortlessly."
|
||||
tag="Premier Web Design Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Our Work", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=1",
|
||||
imageAlt: "Digital Agency Web Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=2",
|
||||
imageAlt: "Modern Development",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=3",
|
||||
imageAlt: "Responsive Sites",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=4",
|
||||
imageAlt: "UI/UX Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=5",
|
||||
imageAlt: "Growth Analytics",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg", imageAlt: "Digital Agency Web Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg", imageAlt: "Modern Development" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg", imageAlt: "Responsive Sites" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg", imageAlt: "UI/UX Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg", imageAlt: "Growth Analytics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,7 +69,7 @@ export default function LandingPage() {
|
||||
description="At Nexus Digital, we believe your website is your best salesperson. Our team of expert developers and designers create bespoke digital platforms tailored to your specific market needs."
|
||||
subdescription="We specialize in modern, accessible, and fast web solutions that provide tangible ROI for our clients worldwide."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workplace_1098-14358.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workplace_1098-14358.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Our team collaborating in the office"
|
||||
/>
|
||||
@@ -120,79 +82,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Web Development",
|
||||
description: "Full-stack solutions built for speed, scalability, and security.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg?_wi=1",
|
||||
imageAlt: "Custom Web Development Tools",
|
||||
},
|
||||
title: "Custom Web Development", description: "Full-stack solutions built for speed, scalability, and security.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg", imageAlt: "Custom Web Development Tools"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Clean, scalable code",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Mobile-responsive design",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Enterprise-grade security",
|
||||
},
|
||||
{ icon: Code, text: "Clean, scalable code" },
|
||||
{ icon: Smartphone, text: "Mobile-responsive design" },
|
||||
{ icon: ShieldCheck, text: "Enterprise-grade security" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-photographer-retouching-photos-night-retouching-using-digitizer_482257-32845.jpg?_wi=6",
|
||||
imageAlt: "digital agency background",
|
||||
},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "User-centered design that turns visitors into loyal customers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg?_wi=2",
|
||||
imageAlt: "User Interface Design",
|
||||
},
|
||||
title: "UI/UX Design", description: "User-centered design that turns visitors into loyal customers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg", imageAlt: "User Interface Design"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Custom brand identity",
|
||||
},
|
||||
{
|
||||
icon: MousePointer,
|
||||
text: "Conversion-focused layouts",
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Visual storytelling",
|
||||
},
|
||||
{ icon: Palette, text: "Custom brand identity" },
|
||||
{ icon: MousePointer, text: "Conversion-focused layouts" },
|
||||
{ icon: Eye, text: "Visual storytelling" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workplace_1098-14358.jpg?_wi=2",
|
||||
imageAlt: "agency team collaborating",
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description: "Data-driven insights to optimize your reach and engagement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg?_wi=3",
|
||||
imageAlt: "Strategic Planning",
|
||||
},
|
||||
title: "Digital Strategy", description: "Data-driven insights to optimize your reach and engagement.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg", imageAlt: "Strategic Planning"},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Analytics integration",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
text: "SEO-first architecture",
|
||||
},
|
||||
{
|
||||
icon: Megaphone,
|
||||
text: "Marketing automation",
|
||||
},
|
||||
{ icon: BarChart, text: "Analytics integration" },
|
||||
{ icon: Search, text: "SEO-first architecture" },
|
||||
{ icon: Megaphone, text: "Marketing automation" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432363.jpg?_wi=4",
|
||||
imageAlt: "web development tools",
|
||||
},
|
||||
]}
|
||||
title="Expert Services We Provide"
|
||||
@@ -207,34 +124,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Websites Built",
|
||||
description: "Launched successfully",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable hosting",
|
||||
icon: Server,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
title: "Traffic Increase",
|
||||
description: "Average gain",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always available",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Websites Built", description: "Launched successfully", icon: Globe },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Reliable hosting", icon: Server },
|
||||
{ id: "m3", value: "45%", title: "Traffic Increase", description: "Average gain", icon: TrendingUp },
|
||||
{ id: "m4", value: "24/7", title: "Support", description: "Always available", icon: Headphones },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Our work speaks for itself through the metrics that matter most."
|
||||
@@ -246,56 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2024",
|
||||
title: "CEO",
|
||||
quote: "The team delivered exactly what we needed to scale our platform.",
|
||||
tag: "Excellent Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Sep 2024",
|
||||
title: "Founder",
|
||||
quote: "Nexus Digital transformed our digital presence completely.",
|
||||
tag: "Highly Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
date: "Aug 2024",
|
||||
title: "Marketing Director",
|
||||
quote: "Professional, fast, and incredibly intuitive designs.",
|
||||
tag: "Game Changer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jul 2024",
|
||||
title: "Product Lead",
|
||||
quote: "Our conversion rates jumped by 30% after launch.",
|
||||
tag: "Solid Results",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328288.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328288.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Wright",
|
||||
date: "Jun 2024",
|
||||
title: "Operations Manager",
|
||||
quote: "The best technical partner we have worked with.",
|
||||
tag: "Professionalism",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438996.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438996.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "Oct 2024", title: "CEO", quote: "The team delivered exactly what we needed to scale our platform.", tag: "Excellent Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "Sep 2024", title: "Founder", quote: "Nexus Digital transformed our digital presence completely.", tag: "Highly Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
|
||||
{ id: "3", name: "Emily Davis", date: "Aug 2024", title: "Marketing Director", quote: "Professional, fast, and incredibly intuitive designs.", tag: "Game Changer", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "Jul 2024", title: "Product Lead", quote: "Our conversion rates jumped by 30% after launch.", tag: "Solid Results", avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328288.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328288.jpg" },
|
||||
{ id: "5", name: "Jessica Wright", date: "Jun 2024", title: "Operations Manager", quote: "The best technical partner we have worked with.", tag: "Professionalism", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438996.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438996.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud to partner with industry-leading businesses and innovators."
|
||||
@@ -307,26 +155,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a website take to build?",
|
||||
content: "Our typical project timeline is 4-8 weeks, depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer ongoing support?",
|
||||
content: "Yes, we provide 24/7 maintenance and support for all our clients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle SEO for my site?",
|
||||
content: "Absolutely, all our projects include an SEO-first architecture.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What industries do you serve?",
|
||||
content: "We work with clients across SaaS, E-commerce, Finance, and Education.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a website take to build?", content: "Our typical project timeline is 4-8 weeks, depending on complexity." },
|
||||
{ id: "f2", title: "Do you offer ongoing support?", content: "Yes, we provide 24/7 maintenance and support for all our clients." },
|
||||
{ id: "f3", title: "Can you handle SEO for my site?", content: "Absolutely, all our projects include an SEO-first architecture." },
|
||||
{ id: "f4", title: "What industries do you serve?", content: "We work with clients across SaaS, E-commerce, Finance, and Education." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about our process, pricing, and how we help you succeed."
|
||||
@@ -337,16 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your digital presence? Let's start your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:contact@nexusdigital.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:contact@nexusdigital.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -354,45 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Nexus Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user