Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Webild Co."
|
||||
/>
|
||||
@@ -65,59 +53,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Welcome to Webild Co."
|
||||
description="Your trusted partner in innovation. We build solutions that drive growth and deliver exceptional results. Discover how our expertise can transform your business."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "10+", label: "Years in Business"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "200+", label: "Projects Completed"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Innovate with us"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-beige-background_53876-126965.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-beige-background_53876-126965.jpg", alt: "Jane Smith"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-browsing-his-mobilephone_329181-14531.jpg",
|
||||
alt: "Robert Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-browsing-his-mobilephone_329181-14531.jpg", alt: "Robert Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office-graphic-tablet_23-2149119209.jpg",
|
||||
alt: "Emily White",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office-graphic-tablet_23-2149119209.jpg", alt: "Emily White"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",
|
||||
alt: "Business man banner concept with copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "Business man banner concept with copy space"},
|
||||
]}
|
||||
avatarText="Join our growing community!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1689.jpg"
|
||||
@@ -125,31 +92,19 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovation Driven",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Innovation Driven", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-sharing-ideas-while-studying_23-2147656100.jpg",
|
||||
alt: "People sharing ideas while studying",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/people-sharing-ideas-while-studying_23-2147656100.jpg", alt: "People sharing ideas while studying"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Success Focused",
|
||||
},
|
||||
type: "text", text: "Client Success Focused"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-discussing-new-ideas-business-meeting_176420-5034.jpg",
|
||||
alt: "Colleagues discussing new ideas at business meeting.",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/colleagues-discussing-new-ideas-business-meeting_176420-5034.jpg", alt: "Colleagues discussing new ideas at business meeting."},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Team",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Expert Team", icon: Users,
|
||||
},
|
||||
]}
|
||||
speed={30}
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,29 +119,19 @@ export default function LandingPage() {
|
||||
tagIcon={Shield}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
{
|
||||
text: "Our Values",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Values", href: "#"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Visionary Leadership",
|
||||
description: "Guiding the future with foresight and strategic innovation.",
|
||||
icon: Lightbulb,
|
||||
title: "Visionary Leadership", description: "Guiding the future with foresight and strategic innovation.", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Client-Centric Approach",
|
||||
description: "Prioritizing your needs to deliver tailored, impactful solutions.",
|
||||
icon: Users,
|
||||
title: "Client-Centric Approach", description: "Prioritizing your needs to deliver tailored, impactful solutions.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Excellence in Execution",
|
||||
description: "Committing to the highest standards in every aspect of our work.",
|
||||
icon: Award,
|
||||
title: "Excellence in Execution", description: "Committing to the highest standards in every aspect of our work.", icon: Award,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-modern-businessman_23-2147833287.jpg"
|
||||
@@ -201,29 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Strategy",
|
||||
title: "Data-Driven Insights",
|
||||
subtitle: "Unlock the power of your data.",
|
||||
description: "Leverage advanced analytics to gain actionable insights and make informed business decisions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-meeting_1098-487.jpg",
|
||||
imageAlt: "Dashboard with data analytics and charts",
|
||||
},
|
||||
tag: "Strategy", title: "Data-Driven Insights", subtitle: "Unlock the power of your data.", description: "Leverage advanced analytics to gain actionable insights and make informed business decisions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-meeting_1098-487.jpg", imageAlt: "Dashboard with data analytics and charts"},
|
||||
{
|
||||
tag: "Technology",
|
||||
title: "Robust Cloud Solutions",
|
||||
subtitle: "Scalable and secure infrastructure.",
|
||||
description: "Build and maintain a resilient cloud environment tailored to your operational needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
|
||||
imageAlt: "Abstract cloud computing network",
|
||||
},
|
||||
tag: "Technology", title: "Robust Cloud Solutions", subtitle: "Scalable and secure infrastructure.", description: "Build and maintain a resilient cloud environment tailored to your operational needs.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg", imageAlt: "Abstract cloud computing network"},
|
||||
{
|
||||
tag: "Support",
|
||||
title: "24/7 Expert Support",
|
||||
subtitle: "Always here when you need us.",
|
||||
description: "Our dedicated support team is available around the clock to ensure smooth operations and quick resolutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-woman-conference-call-with-headphones_23-2148661253.jpg",
|
||||
imageAlt: "Customer support agent with headset",
|
||||
},
|
||||
tag: "Support", title: "24/7 Expert Support", subtitle: "Always here when you need us.", description: "Our dedicated support team is available around the clock to ensure smooth operations and quick resolutions.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-woman-conference-call-with-headphones_23-2148661253.jpg", imageAlt: "Customer support agent with headset"},
|
||||
]}
|
||||
title="Core Services & Features"
|
||||
description="We offer a comprehensive suite of services designed to meet your business objectives and drive sustainable growth."
|
||||
@@ -235,15 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"GlobalCorp",
|
||||
"InnovateX",
|
||||
"FutureTech",
|
||||
"BizGrow",
|
||||
"MarketMakers",
|
||||
"SolutionLabs",
|
||||
"ApexSystems",
|
||||
"Visionary Inc.",
|
||||
]}
|
||||
"GlobalCorp", "InnovateX", "FutureTech", "BizGrow", "MarketMakers", "SolutionLabs", "ApexSystems", "Visionary Inc."]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our commitment to excellence has earned the trust of leading companies across various sectors."
|
||||
speed={30}
|
||||
@@ -259,25 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5M+",
|
||||
title: "Happy Users",
|
||||
description: "Our solutions are loved by millions globally.",
|
||||
icon: Smile,
|
||||
id: "m1", value: "2.5M+", title: "Happy Users", description: "Our solutions are loved by millions globally.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$50M+",
|
||||
title: "Revenue Generated",
|
||||
description: "Driving significant financial impact for clients.",
|
||||
icon: TrendingUp,
|
||||
id: "m2", value: "$50M+", title: "Revenue Generated", description: "Driving significant financial impact for clients.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Data Security",
|
||||
description: "Ensuring your data is always safe and protected.",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "100%", title: "Data Security", description: "Ensuring your data is always safe and protected.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -293,26 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Johnson",
|
||||
role: "CEO & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
imageAlt: "Alex Johnson, CEO & Founder",
|
||||
},
|
||||
id: "t1", name: "Alex Johnson", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", imageAlt: "Alex Johnson, CEO & Founder"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Rodriguez",
|
||||
role: "Chief Technology Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
|
||||
imageAlt: "Maria Rodriguez, CTO",
|
||||
},
|
||||
id: "t2", name: "Maria Rodriguez", role: "Chief Technology Officer", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", imageAlt: "Maria Rodriguez, CTO"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Lee",
|
||||
role: "Head of Product",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
imageAlt: "David Lee, Head of Product",
|
||||
},
|
||||
id: "t3", name: "David Lee", role: "Head of Product", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "David Lee, Head of Product"},
|
||||
]}
|
||||
title="Meet Our Visionary Team"
|
||||
description="Our diverse team of experts is the driving force behind our innovation and success."
|
||||
@@ -326,45 +218,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test-1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah_c",
|
||||
testimonial: "Webild Co. transformed our operational efficiency. Their team is incredibly knowledgeable and supportive!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "test-1", name: "Sarah Chen", handle: "@sarah_c", testimonial: "Webild Co. transformed our operational efficiency. Their team is incredibly knowledgeable and supportive!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "test-2",
|
||||
name: "Mark Davis",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Outstanding results and a seamless collaboration. Highly recommend Webild Co. for any innovative project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
imageAlt: "Mark Davis",
|
||||
},
|
||||
id: "test-2", name: "Mark Davis", handle: "@mark_d", testimonial: "Outstanding results and a seamless collaboration. Highly recommend Webild Co. for any innovative project.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Mark Davis"},
|
||||
{
|
||||
id: "test-3",
|
||||
name: "Emily Watson",
|
||||
handle: "@emily_w",
|
||||
testimonial: "The solutions provided by Webild Co. have been a game-changer for our business. Truly exceptional service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy_158538-20367.jpg",
|
||||
imageAlt: "Emily Watson",
|
||||
},
|
||||
id: "test-3", name: "Emily Watson", handle: "@emily_w", testimonial: "The solutions provided by Webild Co. have been a game-changer for our business. Truly exceptional service!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy_158538-20367.jpg", imageAlt: "Emily Watson"},
|
||||
{
|
||||
id: "test-4",
|
||||
name: "John Paul",
|
||||
handle: "@john_p",
|
||||
testimonial: "Professional, efficient, and always delivering beyond expectations. Webild Co. is our go-to partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62553.jpg",
|
||||
imageAlt: "John Paul",
|
||||
},
|
||||
id: "test-4", name: "John Paul", handle: "@john_p", testimonial: "Professional, efficient, and always delivering beyond expectations. Webild Co. is our go-to partner.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62553.jpg", imageAlt: "John Paul"},
|
||||
{
|
||||
id: "test-5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessica_l",
|
||||
testimonial: "A truly collaborative experience. Webild Co. helped us achieve our goals with their strategic insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-colleagues-celebrating-business-success-having-fun-office_637285-185.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "test-5", name: "Jessica Lee", handle: "@jessica_l", testimonial: "A truly collaborative experience. Webild Co. helped us achieve our goals with their strategic insights.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-colleagues-celebrating-business-success-having-fun-office_637285-185.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from the businesses and individuals who have experienced the Webild Co. difference."
|
||||
@@ -377,30 +239,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What services does Webild Co. offer?",
|
||||
content: "Webild Co. offers a range of services including software development, cloud solutions, data analytics, and dedicated support. We tailor our offerings to meet your specific business needs.",
|
||||
},
|
||||
id: "q1", title: "What services does Webild Co. offer?", content: "Webild Co. offers a range of services including software development, cloud solutions, data analytics, and dedicated support. We tailor our offerings to meet your specific business needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I get a quote for my project?",
|
||||
content: "You can request a quote by filling out the contact form on our website or by reaching out to us directly via email or phone. Our team will get back to you promptly.",
|
||||
},
|
||||
id: "q2", title: "How can I get a quote for my project?", content: "You can request a quote by filling out the contact form on our website or by reaching out to us directly via email or phone. Our team will get back to you promptly."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What makes Webild Co. different?",
|
||||
content: "Our commitment to client success, innovative approach, and 24/7 expert support set us apart. We focus on building long-term partnerships and delivering measurable value.",
|
||||
},
|
||||
id: "q3", title: "What makes Webild Co. different?", content: "Our commitment to client success, innovative approach, and 24/7 expert support set us apart. We focus on building long-term partnerships and delivering measurable value."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you work with startups and small businesses?",
|
||||
content: "Yes, we proudly partner with businesses of all sizes, from ambitious startups to large enterprises. Our solutions are scalable and adaptable to various operational needs.",
|
||||
},
|
||||
id: "q4", title: "Do you work with startups and small businesses?", content: "Yes, we proudly partner with businesses of all sizes, from ambitious startups to large enterprises. Our solutions are scalable and adaptable to various operational needs."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "What is your approach to data security?",
|
||||
content: "Data security is our top priority. We implement industry-leading encryption, compliance protocols, and regular audits to ensure your data is protected at all times.",
|
||||
},
|
||||
id: "q5", title: "What is your approach to data security?", content: "Data security is our top priority. We implement industry-leading encryption, compliance protocols, and regular audits to ensure your data is protected at all times."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about Webild Co. and our services."
|
||||
@@ -412,8 +259,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Reach out to us today to discuss your project. Our team is excited to help you achieve your goals."
|
||||
@@ -434,19 +280,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/webildco",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/webildco", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/webildco",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/webildco", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/webildco",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/webildco", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user