Merge version_2 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Box, Cloud, Globe, Lock, Server, Shield, Zap } from "lucide-react";
|
||||
import { Box, Cloud, Cpu, Globe, Lock, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Innovate3D"
|
||||
/>
|
||||
@@ -55,81 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Future of Digital Innovation"
|
||||
description="Building next-generation solutions for the modern enterprise with 3D precision and speed."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Deployments",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Efficiency",
|
||||
},
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "100+", label: "Deployments" },
|
||||
{ value: "5x", label: "Efficiency" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg"
|
||||
imageAlt="abstract 3d digital tech structure dark background"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253620.jpg",
|
||||
alt: "Close-up ferromagnetic metal substance",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-with-shallow-depth-field_1048-6794.jpg",
|
||||
alt: "3D low poly background with shallow depth of field",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg",
|
||||
alt: "Close-up ferromagnetic metal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg",
|
||||
alt: "Large modern architecture hall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
|
||||
alt: "abstract 3d digital tech structure dark background",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253620.jpg", alt: "Close-up ferromagnetic metal substance" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-with-shallow-depth-field_1048-6794.jpg", alt: "3D low poly background with shallow depth of field" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg", alt: "Close-up ferromagnetic metal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg", alt: "Large modern architecture hall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", alt: "abstract 3d digital tech structure dark background" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "3D Modeling",
|
||||
icon: Box,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time sync",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud-Native",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast-scaling",
|
||||
},
|
||||
{ type: "text", text: "AI-Powered" },
|
||||
{ type: "text-icon", text: "3D Modeling", icon: Box },
|
||||
{ type: "text", text: "Real-time sync" },
|
||||
{ type: "text-icon", text: "Cloud-Native", icon: Cloud },
|
||||
{ type: "text", text: "Fast-scaling" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,7 +82,7 @@ export default function LandingPage() {
|
||||
description="Our team uses advanced 3D modeling and development practices to bring ideas to life."
|
||||
subdescription="Dedicated to excellence in every pixel."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern holographic workstation tech studio"
|
||||
/>
|
||||
@@ -155,67 +95,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Engineered for speed.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113239.jpg",
|
||||
imageAlt: "3d performance indicator icon digital",
|
||||
},
|
||||
title: "High Performance", description: "Engineered for speed.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113239.jpg", imageAlt: "3d performance indicator icon digital" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Lightning fast",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Optimized",
|
||||
},
|
||||
{ icon: Zap, text: "Lightning fast" },
|
||||
{ icon: Cpu, text: "Optimized" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=2",
|
||||
imageAlt: "3d performance indicator icon digital",
|
||||
},
|
||||
{
|
||||
title: "Robust Security",
|
||||
description: "Bank-grade protection.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
|
||||
imageAlt: "digital security shield icon 3d",
|
||||
},
|
||||
title: "Robust Security", description: "Bank-grade protection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg", imageAlt: "digital security shield icon 3d" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Encrypted",
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Verified",
|
||||
},
|
||||
{ icon: Shield, text: "Encrypted" },
|
||||
{ icon: Lock, text: "Verified" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg?_wi=2",
|
||||
imageAlt: "3d performance indicator icon digital",
|
||||
},
|
||||
{
|
||||
title: "Cloud Scale",
|
||||
description: "Global deployment ready.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg",
|
||||
imageAlt: "cloud computing tech 3d icon",
|
||||
},
|
||||
title: "Cloud Scale", description: "Global deployment ready.", media: { imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg", imageAlt: "cloud computing tech 3d icon" },
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Anywhere",
|
||||
},
|
||||
{
|
||||
icon: Server,
|
||||
text: "Infinite",
|
||||
},
|
||||
{ icon: Globe, text: "Anywhere" },
|
||||
{ icon: Server, text: "Infinite" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg?_wi=1",
|
||||
imageAlt: "3d performance indicator icon digital",
|
||||
},
|
||||
]}
|
||||
title="Advanced Platform Capabilities"
|
||||
@@ -229,21 +130,9 @@ export default function LandingPage() {
|
||||
title="Proven Success Metrics"
|
||||
tag="Analytics"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1M+",
|
||||
description: "Users reached",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$50M",
|
||||
description: "Value delivered",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "150+",
|
||||
description: "Countries active",
|
||||
},
|
||||
{ id: "1", value: "1M+", description: "Users reached" },
|
||||
{ id: "2", value: "$50M", description: "Value delivered" },
|
||||
{ id: "3", value: "150+", description: "Countries active" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -256,53 +145,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
handle: "@alex",
|
||||
testimonial: "Great work!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg?_wi=2",
|
||||
imageAlt: "avatar portrait digital tech style",
|
||||
id: "1", name: "Alex", handle: "@alex", testimonial: "Great work!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg", imageAlt: "avatar portrait digital tech style"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam",
|
||||
handle: "@sam",
|
||||
testimonial: "Very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-jacket-grey-vignette-background_613910-20105.jpg",
|
||||
imageAlt: "avatar portrait digital tech style",
|
||||
id: "2", name: "Sam", handle: "@sam", testimonial: "Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-jacket-grey-vignette-background_613910-20105.jpg", imageAlt: "avatar portrait digital tech style"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kim",
|
||||
handle: "@kim",
|
||||
testimonial: "Absolutely amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
|
||||
imageAlt: "avatar portrait digital tech style",
|
||||
id: "3", name: "Kim", handle: "@kim", testimonial: "Absolutely amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", imageAlt: "avatar portrait digital tech style"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lee",
|
||||
handle: "@lee",
|
||||
testimonial: "Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884359.jpg",
|
||||
imageAlt: "avatar portrait digital tech style",
|
||||
id: "4", name: "Lee", handle: "@lee", testimonial: "Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884359.jpg", imageAlt: "avatar portrait digital tech style"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Joe",
|
||||
handle: "@joe",
|
||||
testimonial: "Top notch tech.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg",
|
||||
imageAlt: "avatar portrait digital tech style",
|
||||
id: "5", name: "Joe", handle: "@joe", testimonial: "Top notch tech.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg", imageAlt: "avatar portrait digital tech style"
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
description="Our clients love our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -312,49 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Starter",
|
||||
price: "$99",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Professional",
|
||||
price: "$299",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
"Feature C",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"All Features",
|
||||
"24/7 Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", name: "Starter", price: "$99", features: ["Feature A", "Feature B"], buttons: [{ text: "Select" }] },
|
||||
{ id: "pro", name: "Professional", price: "$299", features: ["Feature A", "Feature B", "Feature C"], buttons: [{ text: "Select" }] },
|
||||
{ id: "enterprise", name: "Enterprise", price: "Custom", features: ["All Features", "24/7 Support"], buttons: [{ text: "Select" }] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the best plan for you."
|
||||
@@ -365,21 +185,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How to start?",
|
||||
content: "Just sign up!",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need 3D?",
|
||||
content: "It helps UX.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Pricing?",
|
||||
content: "Custom.",
|
||||
},
|
||||
{ id: "1", title: "How to start?", content: "Just sign up!" },
|
||||
{ id: "2", title: "Do I need 3D?", content: "It helps UX." },
|
||||
{ id: "3", title: "Pricing?", content: "Custom." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -389,9 +197,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Get In Touch"
|
||||
description="Let's innovate together."
|
||||
tag="Contact"
|
||||
@@ -402,32 +208,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Innovate3D"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user