Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Headphones, Shield, Smile } from "lucide-react";
|
||||
import { Award, Headphones, Shield, Smile, Zap, PieChart, MessageSquare, Lock, Layout } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
@@ -56,61 +48,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Design Your Future"
|
||||
description="Innovative solutions tailored to elevate your business performance. We build modern, scalable systems for growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-foliage-detail_23-2151913858.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-foliage-detail_23-2151913858.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dried-leaf-plant_1150-10824.jpg",
|
||||
alt: "dried leaf plant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dried-leaf-plant_1150-10824.jpg", alt: "dried leaf plant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg",
|
||||
alt: "View of woman wearing stylish fedora hat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711574.jpg", alt: "View of woman wearing stylish fedora hat"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-view-famous-antelope-canyon-arizona-usa_181624-51636.jpg",
|
||||
alt: "Beautiful view of the famous Antelope Canyon, Arizona, USA",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-view-famous-antelope-canyon-arizona-usa_181624-51636.jpg", alt: "Beautiful view of the famous Antelope Canyon, Arizona, USA"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-brown-dress-metallic-leaf-shaped-ring_181624-23911.jpg",
|
||||
alt: "Vertical closeup shot of a female wearing a brown dress and a metallic leaf-shaped ring",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-brown-dress-metallic-leaf-shaped-ring_181624-23911.jpg", alt: "Vertical closeup shot of a female wearing a brown dress and a metallic leaf-shaped ring"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/zen-arch-poster-set-modern-boho-linear-geometric-shapes-lines-simple-figures-pastel-colors-vector_88138-1694.jpg",
|
||||
alt: "Zen arch poster set modern boho linear geometric shapes lines simple figures in pastel colors vector",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/zen-arch-poster-set-modern-boho-linear-geometric-shapes-lines-simple-figures-pastel-colors-vector_88138-1694.jpg", alt: "Zen arch poster set modern boho linear geometric shapes lines simple figures in pastel colors vector"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Growth",
|
||||
},
|
||||
type: "text", text: "Scalable Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Architecture",
|
||||
},
|
||||
type: "text", text: "Modern Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
type: "text", text: "Data Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Security",
|
||||
},
|
||||
type: "text", text: "Global Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Success",
|
||||
},
|
||||
type: "text", text: "Customer Success"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,7 +92,7 @@ export default function LandingPage() {
|
||||
description="We specialize in creating intuitive digital experiences that drive engagement and business success."
|
||||
subdescription="Our team uses cutting-edge methodology to ensure your projects stand out in a competitive market."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -134,40 +103,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Robust architecture built to handle unlimited growth.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-with-pink-hair-sitting-her-workplace-typing-keyboard-drinking-tea-using_343059-198.jpg",
|
||||
imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using",
|
||||
},
|
||||
title: "Scalable Infrastructure", description: "Robust architecture built to handle unlimited growth.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-with-pink-hair-sitting-her-workplace-typing-keyboard-drinking-tea-using_343059-198.jpg", imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using"},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Data-driven insights for smarter business decisions.",
|
||||
buttonIcon: "PieChart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foliage-detail_23-2151913858.jpg?_wi=2",
|
||||
imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Data-driven insights for smarter business decisions.", buttonIcon: PieChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foliage-detail_23-2151913858.jpg", imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using"},
|
||||
{
|
||||
title: "Real-time Support",
|
||||
description: "24/7 dedicated assistance for your team.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg?_wi=2",
|
||||
imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using",
|
||||
},
|
||||
title: "Real-time Support", description: "24/7 dedicated assistance for your team.", buttonIcon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg", imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using"},
|
||||
{
|
||||
title: "Secure Workflow",
|
||||
description: "Enterprise-grade security standards included.",
|
||||
buttonIcon: "Lock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg?_wi=1",
|
||||
imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using",
|
||||
},
|
||||
title: "Secure Workflow", description: "Enterprise-grade security standards included.", buttonIcon: Lock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using"},
|
||||
{
|
||||
title: "Design Systems",
|
||||
description: "Cohesive brand identities built to last.",
|
||||
buttonIcon: "Layout",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg?_wi=1",
|
||||
imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using",
|
||||
},
|
||||
title: "Design Systems", description: "Cohesive brand identities built to last.", buttonIcon: Layout,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg", imageAlt: "Stylish young female with pink hair sitting at her workplace typing on keyboard drinking tea using"},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Everything you need to manage your business effectively."
|
||||
@@ -182,45 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "CEO",
|
||||
company: "Growth Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Jane Doe", role: "CEO", company: "Growth Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "CTO",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "John Smith", role: "CTO", company: "Tech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Design Lead",
|
||||
company: "Creative Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-keeping-hands-hips-outdoors_1262-20425.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Lee", role: "Design Lead", company: "Creative Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-keeping-hands-hips-outdoors_1262-20425.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Brown",
|
||||
role: "Manager",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-funny-black-woman-with-curly-hair-laughs-good-joke-has-toothy-smile-shows-white-perfect-teeth-wears-striped-casual-t-shirt-poses-terrace-cafeteria_273609-29078.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Brown", role: "Manager", company: "Startup Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-funny-black-woman-with-curly-hair-laughs-good-joke-has-toothy-smile-shows-white-perfect-teeth-wears-striped-casual-t-shirt-poses-terrace-cafeteria_273609-29078.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
role: "Founder",
|
||||
company: "Brand Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
},
|
||||
id: "5", name: "Emily White", role: "Founder", company: "Brand Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top professionals choose our platform."
|
||||
@@ -235,25 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful deliveries worldwide.",
|
||||
icon: Award,
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "Successful deliveries worldwide.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently high rating.",
|
||||
icon: Smile,
|
||||
id: "m2", value: "98%", title: "Client Satisfaction", description: "Consistently high rating.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Global Support",
|
||||
description: "Always ready to assist.",
|
||||
icon: Headphones,
|
||||
id: "m3", value: "24/7", title: "Global Support", description: "Always ready to assist.", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
@@ -268,37 +180,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$29",
|
||||
subtitle: "For small teams",
|
||||
features: [
|
||||
"Core features",
|
||||
"1 User seat",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$29", subtitle: "For small teams", features: [
|
||||
"Core features", "1 User seat", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$89",
|
||||
subtitle: "For growing business",
|
||||
features: [
|
||||
"Advanced features",
|
||||
"5 User seats",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$89", subtitle: "For growing business", features: [
|
||||
"Advanced features", "5 User seats", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Enterprise",
|
||||
price: "Contact us",
|
||||
subtitle: "For large operations",
|
||||
features: [
|
||||
"Custom solution",
|
||||
"Unlimited users",
|
||||
"24/7 support",
|
||||
],
|
||||
id: "ent", badge: "Enterprise", price: "Contact us", subtitle: "For large operations", features: [
|
||||
"Custom solution", "Unlimited users", "24/7 support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing"
|
||||
@@ -312,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Reach out via our contact page and we'll schedule a discovery call.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Reach out via our contact page and we'll schedule a discovery call."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is support included?",
|
||||
content: "Yes, we offer multiple tiers of dedicated support for all our plans.",
|
||||
},
|
||||
id: "q2", title: "Is support included?", content: "Yes, we offer multiple tiers of dedicated support for all our plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Absolutely. You can change your plan at any point.",
|
||||
},
|
||||
id: "q3", title: "Can I upgrade anytime?", content: "Absolutely. You can change your plan at any point."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get clear answers about our services."
|
||||
@@ -340,16 +222,10 @@ export default function LandingPage() {
|
||||
description="Have questions? We are here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-office-with-objects_23-2147982285.jpg"
|
||||
@@ -362,29 +238,19 @@ export default function LandingPage() {
|
||||
logoText="Nexus"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user