Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Webupp"
|
||||
/>
|
||||
@@ -56,47 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Unleash AI Power"
|
||||
description="Seamlessly integrate cutting-edge AI solutions into your existing stack and supercharge your business operations with Webupp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg?_wi=1",
|
||||
imageAlt: "Neural network node visual",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg?_wi=1",
|
||||
imageAlt: "Server infrastructure",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-screen-with-circuit-board-with-words-tech-it_188544-31055.jpg?_wi=1",
|
||||
imageAlt: "Binary data stream",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671572.jpg",
|
||||
imageAlt: "AI holographic display",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg",
|
||||
imageAlt: "Abstract particles",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg",
|
||||
imageAlt: "Processor chip design",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg", imageAlt: "Neural network node visual" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg", imageAlt: "Server infrastructure" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/blue-screen-with-circuit-board-with-words-tech-it_188544-31055.jpg", imageAlt: "Binary data stream" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671572.jpg", imageAlt: "AI holographic display" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg", imageAlt: "Abstract particles" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg", imageAlt: "Processor chip design" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,24 +71,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Modernizing ",
|
||||
},
|
||||
type: "text", content: "Modernizing "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-holding-tablet-office_176420-918.jpg",
|
||||
alt: "About Webupp",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-holding-tablet-office_176420-918.jpg", alt: "About Webupp"},
|
||||
{
|
||||
type: "text",
|
||||
content: " your tech ecosystem.",
|
||||
},
|
||||
type: "text", content: " your tech ecosystem."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Pipeline",
|
||||
description: "Automated ingestion.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg?_wi=2",
|
||||
imageAlt: "mobile dashboard ui dark",
|
||||
title: "Data Pipeline", description: "Automated ingestion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "mobile dashboard ui dark" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg", imageAlt: "team app mobile ui" }
|
||||
},
|
||||
{
|
||||
title: "AI Analytics",
|
||||
description: "Real-time insights.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033617.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-25242.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg?_wi=2",
|
||||
imageAlt: "mobile dashboard ui dark",
|
||||
title: "AI Analytics", description: "Real-time insights.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033617.jpg", imageAlt: "mobile dashboard ui dark" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-25242.jpg", imageAlt: "team app mobile ui" }
|
||||
},
|
||||
{
|
||||
title: "Workflow Automation",
|
||||
description: "Speed up delivery.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-15284.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-screen-with-circuit-board-with-words-tech-it_188544-31055.jpg?_wi=2",
|
||||
imageAlt: "mobile dashboard ui dark",
|
||||
},
|
||||
title: "Workflow Automation", description: "Speed up delivery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg", imageAlt: "mobile dashboard ui dark" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-15284.jpg", imageAlt: "team app mobile ui" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Key Capabilities"
|
||||
@@ -184,60 +116,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Webupp",
|
||||
name: "AI Suite Pro",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-printing-solid-glyph-icon-presentation_1142-22559.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Webupp",
|
||||
name: "Data Optimizer",
|
||||
price: "$149",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/printer-3d-infographic_98292-5168.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Webupp",
|
||||
name: "ChatBot Pro",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-data-management-data-organization-solid-glyph-icon-presentation_1142-25739.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Webupp",
|
||||
name: "Sentiment AI",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309644.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Webupp",
|
||||
name: "Auto-Coder",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072224.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Webupp",
|
||||
name: "Predictor API",
|
||||
price: "$349",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-modern-business-card-set_1394-335.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Webupp", name: "AI Suite Pro", price: "$99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/20-printing-solid-glyph-icon-presentation_1142-22559.jpg" },
|
||||
{ id: "p2", brand: "Webupp", name: "Data Optimizer", price: "$149", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-vector/printer-3d-infographic_98292-5168.jpg" },
|
||||
{ id: "p3", brand: "Webupp", name: "ChatBot Pro", price: "$199", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-vector/20-data-management-data-organization-solid-glyph-icon-presentation_1142-25739.jpg" },
|
||||
{ id: "p4", brand: "Webupp", name: "Sentiment AI", price: "$299", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309644.jpg" },
|
||||
{ id: "p5", brand: "Webupp", name: "Auto-Coder", price: "$499", rating: 5, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072224.jpg" },
|
||||
{ id: "p6", brand: "Webupp", name: "Predictor API", price: "$349", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-vector/colorful-modern-business-card-set_1394-335.jpg" }
|
||||
]}
|
||||
title="Integration Solutions"
|
||||
description="Ready-to-use AI modules."
|
||||
@@ -251,27 +135,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Precision",
|
||||
description: "Accurate output",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2x",
|
||||
title: "Speed",
|
||||
description: "Faster delivery",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
title: "Savings",
|
||||
description: "Reduce costs",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "95%", title: "Precision", description: "Accurate output", icon: CheckCircle },
|
||||
{ id: "m2", value: "2x", title: "Speed", description: "Faster delivery", icon: Zap },
|
||||
{ id: "m3", value: "40%", title: "Savings", description: "Reduce costs", icon: Award }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="The impact we deliver to our partners."
|
||||
@@ -284,41 +150,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "Transformational tech integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "Increased our speed remarkably.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "AI made simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Smith",
|
||||
handle: "@jamess",
|
||||
testimonial: "Highly recommend Webupp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lisaw",
|
||||
testimonial: "Excellent team and results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-server-hub-implementing-power-management-solutions_482257-123667.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Chen", handle: "@sarahc", testimonial: "Transformational tech integration.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
|
||||
{ id: "t2", name: "Mark Wilson", handle: "@markw", testimonial: "Increased our speed remarkably.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "AI made simple.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg" },
|
||||
{ id: "t4", name: "James Smith", handle: "@jamess", testimonial: "Highly recommend Webupp.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg" },
|
||||
{ id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "Excellent team and results.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-server-hub-implementing-power-management-solutions_482257-123667.jpg" }
|
||||
]}
|
||||
title="Loved by Tech Leaders"
|
||||
description="Hear what our clients say."
|
||||
@@ -330,21 +166,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast?",
|
||||
content: "Integration takes roughly 2 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which AI models?",
|
||||
content: "We support all major models.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Maintenance?",
|
||||
content: "We provide ongoing support.",
|
||||
},
|
||||
{ id: "q1", title: "How fast?", content: "Integration takes roughly 2 weeks." },
|
||||
{ id: "q2", title: "Which AI models?", content: "We support all major models." },
|
||||
{ id: "q3", title: "Maintenance?", content: "We provide ongoing support." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-cover-her-face-with-digital-tablet-isolated-whit_1301-3722.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -358,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Ready to Start?"
|
||||
title="Join the AI Revolution"
|
||||
description="Sign up for a consultation."
|
||||
@@ -371,31 +194,17 @@ export default function LandingPage() {
|
||||
logoText="Webupp"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Help", href: "#" },
|
||||
{ label: "Docs", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Webupp Technologies"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user