Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ElitePro"
|
||||
/>
|
||||
@@ -54,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Defining the Future of Premium Business"
|
||||
description="Experience professional excellence with our cutting-edge solutions, designed to elevate your brand presence and drive measurable growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/a-stunning-high-end-professional-softwar-1774779930749-957d7c09.png?_wi=1",
|
||||
imageAlt: "Hero scene 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/a-stunning-high-end-professional-softwar-1774779930749-957d7c09.png", imageAlt: "Hero scene 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-elegant-abstract-3d-composition-repre-1774779930100-977e8ec7.png?_wi=1",
|
||||
imageAlt: "Hero scene 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-elegant-abstract-3d-composition-repre-1774779930100-977e8ec7.png", imageAlt: "Hero scene 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/close-up-of-sophisticated-glass-ui-eleme-1774779930955-5c8e0b38.png?_wi=1",
|
||||
imageAlt: "Hero scene 3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/close-up-of-sophisticated-glass-ui-eleme-1774779930955-5c8e0b38.png", imageAlt: "Hero scene 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/abstract-architectural-structures-in-a-d-1774779930418-c3a11571.png?_wi=1",
|
||||
imageAlt: "Hero scene 4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/abstract-architectural-structures-in-a-d-1774779930418-c3a11571.png", imageAlt: "Hero scene 4"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/high-tech-data-visualization-interface-w-1774779930152-a3df3f6a.png?_wi=1",
|
||||
imageAlt: "Hero scene 5",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/high-tech-data-visualization-interface-w-1774779930152-a3df3f6a.png", imageAlt: "Hero scene 5"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-immersive-digital-workspace-environme-1774779932483-35d8277a.png?_wi=1",
|
||||
imageAlt: "Hero scene 6",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-immersive-digital-workspace-environme-1774779932483-35d8277a.png", imageAlt: "Hero scene 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,9 +78,7 @@ export default function LandingPage() {
|
||||
description="We blend innovative strategy with high-end execution to transform your business goals into reality. Our approach is deeply rooted in transparency and professional integrity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/a-professional-modern-business-team-meet-1774779930776-133b94af.png"
|
||||
/>
|
||||
@@ -116,29 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Strategic Planning",
|
||||
description: "Tailored strategies for long-term growth and success.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/a-stunning-high-end-professional-softwar-1774779930749-957d7c09.png?_wi=2",
|
||||
imageAlt: "A stunning high-end professional software platform hero interface, futuristic dark theme with deep b",
|
||||
bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
title: "Strategic Planning", description: "Tailored strategies for long-term growth and success."
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
title: "Secure Infrastructure",
|
||||
description: "Industry-leading security standards for your operations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-elegant-abstract-3d-composition-repre-1774779930100-977e8ec7.png?_wi=2",
|
||||
imageAlt: "An elegant abstract 3D composition representing digital transformation, soft light rays on dark back",
|
||||
bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Secure Infrastructure", description: "Industry-leading security standards for your operations."
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Operational Efficiency",
|
||||
description: "Streamlined workflows to maximize your team performance.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/close-up-of-sophisticated-glass-ui-eleme-1774779930955-5c8e0b38.png?_wi=2",
|
||||
imageAlt: "Close up of sophisticated glass UI elements on a dark metallic surface, depth of field, professional",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "Operational Efficiency", description: "Streamlined workflows to maximize your team performance."
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Business Features"
|
||||
description="Everything you need to run your business at the highest level of efficiency."
|
||||
@@ -152,59 +115,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-corporate-headshot-of-a-hap-1774779930171-d831a131.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-corporate-headshot-of-a-hap-1774779930171-d831a131.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-headshot-of-a-creative-tech-1774779932331-6a515c66.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-headshot-of-a-creative-tech-1774779932331-6a515c66.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/portrait-of-a-successful-entrepreneur-pr-1774779931156-ba2ccdfe.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/portrait-of-a-successful-entrepreneur-pr-1774779931156-ba2ccdfe.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-headshot-of-a-team-member-i-1774779930380-4820fbc5.png",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-headshot-of-a-team-member-i-1774779930380-4820fbc5.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
role: "Director of Operations",
|
||||
company: "ScaleUp Logistics",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-corporate-headshot-of-a-hap-1774779930171-d831a131.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Elena Vance", role: "Director of Operations", company: "ScaleUp Logistics", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/professional-corporate-headshot-of-a-hap-1774779930171-d831a131.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
value: "500+", label: "Successful Projects"},
|
||||
{
|
||||
value: "12y",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
value: "12y", label: "Industry Experience"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by industry leaders to deliver results that matter."
|
||||
@@ -218,53 +150,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Core",
|
||||
price: "$1,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Basic Support",
|
||||
"Dashboard Access",
|
||||
],
|
||||
id: "basic", title: "Core", price: "$1,999", period: "/mo", features: [
|
||||
"Consultation", "Basic Support", "Dashboard Access"],
|
||||
button: {
|
||||
text: "Choose Core",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/abstract-architectural-structures-in-a-d-1774779930418-c3a11571.png?_wi=2",
|
||||
imageAlt: "Abstract architectural structures in a dark minimalist setting, dramatic lighting, luxury profession",
|
||||
},
|
||||
text: "Choose Core"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/abstract-architectural-structures-in-a-d-1774779930418-c3a11571.png", imageAlt: "Abstract architectural structures in a dark minimalist setting, dramatic lighting, luxury profession"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Growth",
|
||||
price: "$3,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Strategic Planning",
|
||||
"Priority Support",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
id: "pro", title: "Growth", price: "$3,999", period: "/mo", features: [
|
||||
"Strategic Planning", "Priority Support", "Advanced Analytics"],
|
||||
button: {
|
||||
text: "Choose Growth",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/high-tech-data-visualization-interface-w-1774779930152-a3df3f6a.png?_wi=2",
|
||||
imageAlt: "High-tech data visualization interface with subtle glowing lines and particles, sophisticated dark b",
|
||||
},
|
||||
text: "Choose Growth"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/high-tech-data-visualization-interface-w-1774779930152-a3df3f6a.png", imageAlt: "High-tech data visualization interface with subtle glowing lines and particles, sophisticated dark b"},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Scale",
|
||||
price: "$7,999",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"24/7 Support",
|
||||
"Dedicated Manager",
|
||||
"Full Infrastructure",
|
||||
],
|
||||
id: "enterprise", title: "Scale", price: "$7,999", period: "/mo", features: [
|
||||
"24/7 Support", "Dedicated Manager", "Full Infrastructure"],
|
||||
button: {
|
||||
text: "Choose Scale",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-immersive-digital-workspace-environme-1774779932483-35d8277a.png?_wi=2",
|
||||
imageAlt: "An immersive digital workspace environment, clean lines, minimalist furniture, glowing ambient light",
|
||||
},
|
||||
text: "Choose Scale"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/an-immersive-digital-workspace-environme-1774779932483-35d8277a.png", imageAlt: "An immersive digital workspace environment, clean lines, minimalist furniture, glowing ambient light"},
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
description="Choose the right tier for your professional needs."
|
||||
@@ -278,22 +180,14 @@ export default function LandingPage() {
|
||||
description="Start your journey towards a more professional digital presence today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcEJS0yGu6AJucpvSnGx3GdF9t/a-sleek-professional-communication-conce-1774779930442-c04208d8.png"
|
||||
@@ -306,42 +200,27 @@ export default function LandingPage() {
|
||||
logoText="ElitePro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Strategic Planning",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Strategic Planning", href: "#features"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Security", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user