Update src/app/page.tsx

This commit is contained in:
2026-05-28 16:51:29 +00:00
parent 7e5b14b96b
commit e8ec6c6ba4

View File

@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { BarChart2, Crown, Key, Leaf, LineChart, Lock, Share2, ShieldCheck, Star, Zap } from "lucide-react"; import { BarChart2, Crown, Key, Leaf, LineChart, Lock, Share2, ShieldCheck, Star, Zap, RefreshCcw, AreaChart } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -34,38 +34,22 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Get Started", text: "Get Started", href: "#contact"}}
href: "#contact",
}}
brandName="THE PE4K" brandName="THE PE4K"
/> />
</div> </div>
@@ -73,45 +57,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Reach THE PE4K of Digital Innovation" title="Reach THE PE4K of Digital Innovation"
description="Empowering your business with cutting-edge technology and strategic insights to scale new heights. Discover solutions that redefine possibilities." description="Empowering your business with cutting-edge technology and strategic insights to scale new heights. Discover solutions that redefine possibilities."
buttons={[ buttons={[
{ {
text: "Explore Solutions", text: "Explore Solutions", href: "#features"},
href: "#features",
},
{ {
text: "Get a Quote", text: "Get a Quote", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg", imageAlt: "Futuristic data visualization interface"},
imageAlt: "Futuristic data visualization interface",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg", imageAlt: "Abstract digital brain neural network"},
imageAlt: "Abstract digital brain neural network",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17111.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17111.jpg", imageAlt: "Mountain peak silhouette with digital overlay"},
imageAlt: "Mountain peak silhouette with digital overlay",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-colleagues-pitching-investment-strategy-manager_482257-123615.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-colleagues-pitching-investment-strategy-manager_482257-123615.jpg", imageAlt: "Sleek minimalist office environment"},
imageAlt: "Sleek minimalist office environment",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-phone-wallpaper-business-network-design_53876-160272.jpg", imageSrc: "http://img.b2bpic.net/free-photo/global-communication-phone-wallpaper-business-network-design_53876-160272.jpg", imageAlt: "Abstract geometric shapes growth connection"},
imageAlt: "Abstract geometric shapes growth connection",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090962.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090962.jpg", imageAlt: "Modern workspace with laptop dashboard"},
imageAlt: "Modern workspace with laptop dashboard",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -124,9 +91,7 @@ export default function LandingPage() {
title="Driving Future-Forward Growth with Advanced Solutions" title="Driving Future-Forward Growth with Advanced Solutions"
buttons={[ buttons={[
{ {
text: "Our Mission", text: "Our Mission", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -138,80 +103,53 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Seamless Integration", title: "Seamless Integration", description: "Connect effortlessly with your existing tools and workflows, enhancing productivity without disruption.", media: {
description: "Connect effortlessly with your existing tools and workflows, enhancing productivity without disruption.", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572131.jpg", imageAlt: "Seamless integration network"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572131.jpg",
imageAlt: "Seamless integration network",
},
items: [ items: [
{ {
icon: Share2, icon: Share2,
text: "API-first design", text: "API-first design"},
},
{ {
icon: Zap, icon: Zap,
text: "Real-time sync", text: "Real-time sync"},
},
{ {
icon: RefreshCcw, icon: RefreshCcw,
text: "Automated updates", text: "Automated updates"},
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg?_wi=2",
imageAlt: "seamless integration network abstract",
}, },
{ {
title: "Advanced Security", title: "Advanced Security", description: "Protect your data with enterprise-grade encryption and robust security protocols, ensuring peace of mind.", media: {
description: "Protect your data with enterprise-grade encryption and robust security protocols, ensuring peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883586.jpg", imageAlt: "Digital shield data protection"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883586.jpg",
imageAlt: "Digital shield data protection",
},
items: [ items: [
{ {
icon: ShieldCheck, icon: ShieldCheck,
text: "End-to-end encryption", text: "End-to-end encryption"},
},
{ {
icon: Key, icon: Key,
text: "Multi-factor authentication", text: "Multi-factor authentication"},
},
{ {
icon: Lock, icon: Lock,
text: "Compliance ready", text: "Compliance ready"},
},
], ],
reverse: true, reverse: true
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=2",
imageAlt: "seamless integration network abstract",
}, },
{ {
title: "Intelligent Analytics", title: "Intelligent Analytics", description: "Gain deep insights into your operations with AI-powered analytics and customizable dashboards for informed decision-making.", media: {
description: "Gain deep insights into your operations with AI-powered analytics and customizable dashboards for informed decision-making.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg", imageAlt: "Upward trending financial graph"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg",
imageAlt: "Upward trending financial graph",
},
items: [ items: [
{ {
icon: LineChart, icon: LineChart,
text: "Predictive insights", text: "Predictive insights"},
},
{ {
icon: BarChart2, icon: BarChart2,
text: "Customizable reports", text: "Customizable reports"},
},
{ {
icon: AreaChart, icon: AreaChart,
text: "Real-time monitoring", text: "Real-time monitoring"},
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17111.jpg?_wi=2", }
imageAlt: "seamless integration network abstract",
},
]} ]}
title="Unlock Your Potential with Our Key Features" title="Unlock Your Potential with Our Key Features"
description="Our platform is engineered to deliver unparalleled performance and transformative results." description="Our platform is engineered to deliver unparalleled performance and transformative results."
@@ -227,20 +165,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "200%", description: "Average ROI for clients"},
value: "200%",
description: "Average ROI for clients",
},
{ {
id: "m2", id: "m2", value: "10K+", description: "Satisfied global users"},
value: "10K+",
description: "Satisfied global users",
},
{ {
id: "m3", id: "m3", value: "99.9%", description: "Uptime reliability"},
value: "99.9%",
description: "Uptime reliability",
},
]} ]}
title="Quantifiable Success, Proven Results" title="Quantifiable Success, Proven Results"
description="Our commitment to excellence translates into measurable achievements for our clients worldwide." description="Our commitment to excellence translates into measurable achievements for our clients worldwide."
@@ -253,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Data Solutions Co.", "Data Solutions Co.", "CyberSecure Inc.", "AI Innovations Ltd.", "CloudFusion Services", "FinTech Visionaries", "Creative Tech Agency", "Sustainable Tech Solutions"]}
"CyberSecure Inc.",
"AI Innovations Ltd.",
"CloudFusion Services",
"FinTech Visionaries",
"Creative Tech Agency",
"Sustainable Tech Solutions",
]}
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="Collaborating with innovators to drive progress and achieve collective success in the digital landscape." description="Collaborating with innovators to drive progress and achieve collective success in the digital landscape."
tag="Partnerships" tag="Partnerships"
@@ -276,63 +198,31 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "starter", id: "starter", badge: "Growth", badgeIcon: Leaf,
badge: "Growth", price: "$299/month", subtitle: "Ideal for growing businesses", buttons: [
badgeIcon: Leaf,
price: "$299/month",
subtitle: "Ideal for growing businesses",
buttons: [
{ {
text: "Start Free Trial", text: "Start Free Trial", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Access to Core Features", "Access to Core Features", "10 GB Data Storage", "Standard Support", "Basic Analytics"],
"10 GB Data Storage",
"Standard Support",
"Basic Analytics",
],
}, },
{ {
id: "professional", id: "professional", badge: "Popular", badgeIcon: Star,
badge: "Popular", price: "$799/month", subtitle: "For established companies", buttons: [
badgeIcon: Star,
price: "$799/month",
subtitle: "For established companies",
buttons: [
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"All Starter Features", "All Starter Features", "50 GB Data Storage", "Priority Support", "Advanced Analytics", "Custom Integrations"],
"50 GB Data Storage",
"Priority Support",
"Advanced Analytics",
"Custom Integrations",
],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Premium", badgeIcon: Crown,
badge: "Premium", price: "Custom", subtitle: "Tailored for large organizations", buttons: [
badgeIcon: Crown,
price: "Custom",
subtitle: "Tailored for large organizations",
buttons: [
{ {
text: "Contact Sales", text: "Contact Sales", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"All Professional Features", "All Professional Features", "Unlimited Data Storage", "Dedicated Account Manager", "AI-Powered Insights", "On-site Training & Support"],
"Unlimited Data Storage",
"Dedicated Account Manager",
"AI-Powered Insights",
"On-site Training & Support",
],
}, },
]} ]}
title="Flexible Plans to Elevate Your Business" title="Flexible Plans to Elevate Your Business"
@@ -349,25 +239,15 @@ export default function LandingPage() {
author="Jordan M." author="Jordan M."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Sarah Johnson"},
alt: "Sarah Johnson",
},
{ {
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Michael Chen"},
alt: "Michael Chen",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", alt: "Emily Rodriguez"},
alt: "Emily Rodriguez",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-boy-with-leather-jacket-standing-bright-circular-light-pattern_181624-57047.jpg", src: "http://img.b2bpic.net/free-photo/young-boy-with-leather-jacket-standing-bright-circular-light-pattern_181624-57047.jpg", alt: "David Kim"},
alt: "David Kim",
},
{ {
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-man-wearing-white-t-shirt-with-tie-isolated-orange-wall_141793-91019.jpg", src: "http://img.b2bpic.net/free-photo/confident-middle-aged-man-wearing-white-t-shirt-with-tie-isolated-orange-wall_141793-91019.jpg", alt: "Alex Lee"},
alt: "Alex Lee",
},
]} ]}
ratingAnimation="blur-reveal" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -379,20 +259,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What makes THE PE4K different?", content: "We combine cutting-edge AI with a user-centric design approach, offering solutions that are not only powerful but also incredibly intuitive and tailored to your specific business needs."},
title: "What makes THE PE4K different?",
content: "We combine cutting-edge AI with a user-centric design approach, offering solutions that are not only powerful but also incredibly intuitive and tailored to your specific business needs.",
},
{ {
id: "q2", id: "q2", title: "Is my data secure with THE PE4K?", content: "Absolutely. We employ enterprise-grade security protocols, including end-to-end encryption, multi-factor authentication, and regular security audits, to ensure your data is always protected."},
title: "Is my data secure with THE PE4K?",
content: "Absolutely. We employ enterprise-grade security protocols, including end-to-end encryption, multi-factor authentication, and regular security audits, to ensure your data is always protected.",
},
{ {
id: "q3", id: "q3", title: "Can THE PE4K integrate with my existing systems?", content: "Yes, our platform is designed with an API-first approach, enabling seamless integration with a wide range of third-party applications and your existing IT infrastructure."},
title: "Can THE PE4K integrate with my existing systems?",
content: "Yes, our platform is designed with an API-first approach, enabling seamless integration with a wide range of third-party applications and your existing IT infrastructure.",
},
]} ]}
sideTitle="Your Questions, Our Answers" sideTitle="Your Questions, Our Answers"
sideDescription="Find quick answers to the most common questions about our platform and services." sideDescription="Find quick answers to the most common questions about our platform and services."
@@ -407,28 +278,17 @@ export default function LandingPage() {
description="Let's discuss how our innovative solutions can empower your business. Fill out the form below, and we'll get back to you shortly." description="Let's discuss how our innovative solutions can empower your business. Fill out the form below, and we'll get back to you shortly."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "company", name: "company", type: "text", placeholder: "Company Name", required: false,
type: "text",
placeholder: "Company Name",
required: false,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your project...", rows: 4,
placeholder: "Tell us about your project...",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/hispanic-woman-using-digital-tablet_53876-95106.jpg" imageSrc="http://img.b2bpic.net/free-photo/hispanic-woman-using-digital-tablet_53876-95106.jpg"
@@ -444,54 +304,33 @@ export default function LandingPage() {
logoText="THE PE4K" logoText="THE PE4K"
columns={[ columns={[
{ {
title: "Solutions", title: "Solutions", items: [
items: [
{ {
label: "Features", label: "Features", href: "#features"},
href: "#features",
},
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
{ {
label: "Integrations", label: "Integrations", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "Blog", label: "Blog", href: "#"},
href: "#",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Support", label: "Support", href: "#"},
href: "#",
},
], ],
}, },
]} ]}