Merge version_1 into main #2
391
src/app/page.tsx
391
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import { Award, Shield, Zap, Target } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,296 +27,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Neek Design"
|
||||
button={{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Neek Design"
|
||||
button={{ text: "Start Project", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional Websites Built for Your Business"
|
||||
description="We design and build custom websites that attract customers and drive growth. From concept to launch in weeks, not months."
|
||||
tag="Custom Web Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-entering-startup-agency-office-holding-laptop_482257-125888.jpg",
|
||||
imageAlt: "Modern web agency dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-radio-show-host-talking-microphone-while-checking-subject-list-laptop-popular-social-media-content-creator-speaking-audience-while-sitting-modern-studio_482257-47383.jpg",
|
||||
imageAlt: "Creative web team workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=1",
|
||||
imageAlt: "Custom web development code",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=1",
|
||||
imageAlt: "Website performance optimization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916744.jpg?_wi=1",
|
||||
imageAlt: "Responsive mobile web design",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Trusted by 50+ businesses"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Websites Built for Your Business"
|
||||
description="We design and build custom websites that attract customers and drive growth. From concept to launch in weeks, not months."
|
||||
tag="Custom Web Solutions"
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-entering-startup-agency-office-holding-laptop_482257-125888.jpg", imageAlt: "Modern web agency dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/internet-radio-show-host-talking-microphone-while-checking-subject-list-laptop-popular-social-media-content-creator-speaking-audience-while-sitting-modern-studio_482257-47383.jpg", imageAlt: "Creative web team workspace" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Trusted by 50+ businesses"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Driving Real Results"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Websites Delivered",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Avg. Growth",
|
||||
value: "45%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Driving Real Results"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Websites Delivered", value: "150+" },
|
||||
{ icon: Zap, label: "Avg. Growth", value: "45%" },
|
||||
{ icon: Shield, label: "Client Retention", value: "98%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Web Design",
|
||||
description: "Tailored interfaces that align perfectly with your brand vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Performance Tuning",
|
||||
description: "Blazing fast loading speeds to keep your visitors engaged.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Responsive Mobile",
|
||||
description: "Flawless performance on desktops, tablets, and phones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916744.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "SEO & Growth",
|
||||
description: "Built for visibility from the ground up to attract customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-data-analysis-flat-color-icon-presentation_1142-24722.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
]}
|
||||
title="Expert Web Solutions"
|
||||
description="Comprehensive design services crafted for speed, scalability, and measurable growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Custom Web Design", description: "Tailored interfaces that align perfectly with your brand vision.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", buttonIcon: Zap },
|
||||
{ title: "Performance Tuning", description: "Blazing fast loading speeds to keep your visitors engaged.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg", buttonIcon: Target },
|
||||
{ title: "Responsive Mobile", description: "Flawless performance on desktops, tablets, and phones.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916744.jpg", buttonIcon: Shield },
|
||||
{ title: "SEO & Growth", description: "Built for visibility from the ground up to attract customers.", imageSrc: "http://img.b2bpic.net/free-vector/20-data-analysis-flat-color-icon-presentation_1142-24722.jpg", buttonIcon: Award }
|
||||
]}
|
||||
title="Expert Web Solutions"
|
||||
description="Comprehensive design services crafted for speed, scalability, and measurable growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "startup",
|
||||
badge: "Essential",
|
||||
price: "$2,500",
|
||||
subtitle: "Perfect for new brands",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Mobile Optimization",
|
||||
"SEO Basics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$5,000",
|
||||
subtitle: "For growing businesses",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Scaling",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Essential",
|
||||
"Advanced Analytics",
|
||||
"Performance Tuning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Scale",
|
||||
price: "$8,500+",
|
||||
subtitle: "For established brands",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Functionality",
|
||||
"Dedicated Support",
|
||||
"Growth Strategy",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the right plan to scale your business online."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "startup", badge: "Essential", price: "$2,500", subtitle: "Perfect for new brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Custom Design", "Mobile Optimization", "SEO Basics"] },
|
||||
{ id: "pro", badge: "Recommended", price: "$5,000", subtitle: "For growing businesses", buttons: [{ text: "Start Scaling", href: "#contact" }], features: ["Everything in Essential", "Advanced Analytics", "Performance Tuning"] },
|
||||
{ id: "enterprise", badge: "Scale", price: "$8,500+", subtitle: "For established brands", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Custom Functionality", "Dedicated Support", "Growth Strategy"] }
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the right plan to scale your business online."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechStart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-637.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Founder",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-male-manager-multitasking-office-handle-administrative-tasks_482257-123718.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Dir.",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Owner",
|
||||
company: "BoutiqueCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you_1258-198995.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "Consultant",
|
||||
company: "TechSol",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Launched",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "45%",
|
||||
label: "Avg. Traffic Boost",
|
||||
},
|
||||
]}
|
||||
title="Proven Success"
|
||||
description="Hear from our partners about the impact we've made."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechStart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-637.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Founder", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-male-manager-multitasking-office-handle-administrative-tasks_482257-123718.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Dir.", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Owner", company: "BoutiqueCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you_1258-198995.jpg" },
|
||||
{ id: "5", name: "Alex Rivera", role: "Consultant", company: "TechSol", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "150+", label: "Projects Launched" },
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
{ value: "45%", label: "Avg. Traffic Boost" }
|
||||
]}
|
||||
title="Proven Success"
|
||||
description="Hear from our partners about the impact we've made."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Build Your Vision?"
|
||||
description="Let's start your project and take your business to the next level."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Build Your Vision?"
|
||||
description="Let's start your project and take your business to the next level."
|
||||
buttons={[{ text: "Contact Us Today", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Neek Design"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Neek Design"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user