Merge version_1 into main #1
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "AI Assistant",
|
||||
id: "#ai-assistant",
|
||||
},
|
||||
name: "AI Assistant", id: "#ai-assistant"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uurw1v"
|
||||
logoAlt="Skoon Tech Logo"
|
||||
@@ -65,67 +53,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Unlock the Future of Tech with Skoon Tech"
|
||||
description="Experience unparalleled innovation and support with our cutting-edge AI-powered solutions. We bring clarity, efficiency, and a competitive edge to your business."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", alt: "User avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "User avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "User avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop-computer_74855-2597.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop-computer_74855-2597.jpg", alt: "User avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg", alt: "User avatar 5"},
|
||||
]}
|
||||
avatarText="Join 1000+ satisfied clients!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Get Started", href: "#services"},
|
||||
{
|
||||
text: "Talk to AI Assistant",
|
||||
href: "#ai-assistant",
|
||||
},
|
||||
text: "Talk to AI Assistant", href: "#ai-assistant"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation Driven",
|
||||
type: "text", text: "Innovation Driven"},
|
||||
{
|
||||
type: "text-icon", text: "Expert Support", icon: LifeBuoy,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Support",
|
||||
icon: LifeBuoy,
|
||||
type: "text", text: "Scalable Solutions"},
|
||||
{
|
||||
type: "text-icon", text: "Data Security", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Solutions",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data Security",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future-Proof Technology",
|
||||
},
|
||||
type: "text", text: "Future-Proof Technology"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,24 +100,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
label: "Customer Rating", value: "5.0"},
|
||||
{
|
||||
icon: LifeBuoy,
|
||||
label: "Dedicated Support",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Dedicated Support", value: "24/7"},
|
||||
{
|
||||
icon: Building,
|
||||
label: "Global Branches",
|
||||
value: "4+",
|
||||
},
|
||||
label: "Global Branches", value: "4+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Satisfaction Rate",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Satisfaction Rate", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,47 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Cloud Solutions",
|
||||
price: "Starting at $199/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background_640221-588.jpg",
|
||||
imageAlt: "Cloud computing illustration",
|
||||
},
|
||||
id: "s1", name: "Cloud Solutions", price: "Starting at $199/month", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background_640221-588.jpg", imageAlt: "Cloud computing illustration"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Cybersecurity",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637762.jpg",
|
||||
imageAlt: "Cybersecurity shield illustration",
|
||||
},
|
||||
id: "s2", name: "Cybersecurity", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637762.jpg", imageAlt: "Cybersecurity shield illustration"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "AI & Machine Learning",
|
||||
price: "Project Based",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-programmer-coding-pc-presents-modifications-manager_482257-120392.jpg",
|
||||
imageAlt: "AI neural network illustration",
|
||||
},
|
||||
id: "s3", name: "AI & Machine Learning", price: "Project Based", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-programmer-coding-pc-presents-modifications-manager_482257-120392.jpg", imageAlt: "AI neural network illustration"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Software Development",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-programming-firewall-security-multiple-monitors-learning-new-user-interface-developing-application-cloud-server-with-binary-code-html-script-terminal-window_482257-50251.jpg",
|
||||
imageAlt: "Software development screen",
|
||||
},
|
||||
id: "s4", name: "Software Development", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/software-developer-programming-firewall-security-multiple-monitors-learning-new-user-interface-developing-application-cloud-server-with-binary-code-html-script-terminal-window_482257-50251.jpg", imageAlt: "Software development screen"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Data Analytics",
|
||||
price: "Advanced Packages",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg",
|
||||
imageAlt: "Data analytics dashboard",
|
||||
},
|
||||
id: "s5", name: "Data Analytics", price: "Advanced Packages", imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg", imageAlt: "Data analytics dashboard"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Managed IT Services",
|
||||
price: "Tailored Plans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-server-farm-engineer-falls-asleep-while-using-ai-algorithms_482257-126811.jpg",
|
||||
imageAlt: "IT support helpdesk",
|
||||
},
|
||||
id: "s6", name: "Managed IT Services", price: "Tailored Plans", imageSrc: "http://img.b2bpic.net/free-photo/exhausted-server-farm-engineer-falls-asleep-while-using-ai-algorithms_482257-126811.jpg", imageAlt: "IT support helpdesk"},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Discover comprehensive technology solutions designed to propel your business forward."
|
||||
@@ -222,28 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Get instant answers and support around the clock.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Sparkles,
|
||||
title: "24/7 Support", description: "Get instant answers and support around the clock.", bentoComponent: "chat", aiIcon: Sparkles,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "What are Skoon Tech's business hours?",
|
||||
aiResponse: "Skoon Tech operates 24/7 for support inquiries. Our main office hours are Monday-Friday, 9 AM to 5 PM local time.",
|
||||
},
|
||||
userMessage: "What are Skoon Tech's business hours?", aiResponse: "Skoon Tech operates 24/7 for support inquiries. Our main office hours are Monday-Friday, 9 AM to 5 PM local time."},
|
||||
{
|
||||
userMessage: "Can you tell me about your cloud solutions?",
|
||||
aiResponse: "Our cloud solutions offer scalable, secure, and cost-effective infrastructure. We provide IaaS, PaaS, and SaaS options tailored to your business needs, ensuring seamless operations and data accessibility.",
|
||||
},
|
||||
userMessage: "Can you tell me about your cloud solutions?", aiResponse: "Our cloud solutions offer scalable, secure, and cost-effective infrastructure. We provide IaaS, PaaS, and SaaS options tailored to your business needs, ensuring seamless operations and data accessibility."},
|
||||
{
|
||||
userMessage: "How do you ensure data security?",
|
||||
aiResponse: "Data security is paramount at Skoon Tech. We implement multi-layered security protocols, including advanced encryption, regular audits, and compliance with industry standards like ISO 27001 and GDPR.",
|
||||
},
|
||||
userMessage: "How do you ensure data security?", aiResponse: "Data security is paramount at Skoon Tech. We implement multi-layered security protocols, including advanced encryption, regular audits, and compliance with industry standards like ISO 27001 and GDPR."},
|
||||
],
|
||||
placeholder: "Ask anything about Skoon Tech...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132216.jpg",
|
||||
imageAlt: "African american person texting messages on a smartphone app on the sofa finishing tasks before",
|
||||
placeholder: "Ask anything about Skoon Tech..."
|
||||
},
|
||||
]}
|
||||
title="Meet Your Intelligent AI Assistant"
|
||||
@@ -258,45 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, Innovate Corp",
|
||||
testimonial: "Skoon Tech revolutionized our cloud infrastructure. Their team is knowledgeable, responsive, and truly partners with us for success. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO, Innovate Corp", testimonial: "Skoon Tech revolutionized our cloud infrastructure. Their team is knowledgeable, responsive, and truly partners with us for success. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO, Digital Nexus",
|
||||
testimonial: "The AI & ML solutions provided by Skoon Tech have given us a significant competitive edge. Their implementation was seamless, and the results speak for themselves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419481.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO, Digital Nexus", testimonial: "The AI & ML solutions provided by Skoon Tech have given us a significant competitive edge. Their implementation was seamless, and the results speak for themselves.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419481.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director, Growth Solutions",
|
||||
testimonial: "We were impressed by Skoon Tech's cybersecurity expertise. They secured our data and systems, allowing us to focus on growth without worry. Exceptional service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Director, Growth Solutions", testimonial: "We were impressed by Skoon Tech's cybersecurity expertise. They secured our data and systems, allowing us to focus on growth without worry. Exceptional service!", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager, Apex Innovations",
|
||||
testimonial: "Their software development team delivered a bespoke solution that exceeded our expectations. The communication was excellent, and the project was on time and budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-using-digital-tablet_1301-5128.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Manager, Apex Innovations", testimonial: "Their software development team delivered a bespoke solution that exceeded our expectations. The communication was excellent, and the project was on time and budget.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-using-digital-tablet_1301-5128.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Founder, Quantum Startups",
|
||||
testimonial: "Skoon Tech's managed IT services are a game-changer. They handle everything, ensuring our systems run smoothly 24/7. It's like having an in-house IT department without the overhead.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", role: "Founder, Quantum Startups", testimonial: "Skoon Tech's managed IT services are a game-changer. They handle everything, ensuring our systems run smoothly 24/7. It's like having an in-house IT department without the overhead.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from businesses thriving with Skoon Tech."
|
||||
@@ -308,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What makes Skoon Tech different?",
|
||||
content: "Skoon Tech stands out with its commitment to innovation, personalized client solutions, and a proactive approach to technology. Our AI-powered tools and 24/7 expert support ensure you always have the edge.",
|
||||
},
|
||||
id: "f1", title: "What makes Skoon Tech different?", content: "Skoon Tech stands out with its commitment to innovation, personalized client solutions, and a proactive approach to technology. Our AI-powered tools and 24/7 expert support ensure you always have the edge."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can your AI Assistant handle complex queries?",
|
||||
content: "Absolutely. Our AI Assistant, powered by Claude, is extensively trained on Skoon Tech's complete knowledge base, including detailed service offerings, technical specifications, and client success stories, enabling it to provide nuanced and accurate responses.",
|
||||
},
|
||||
id: "f2", title: "Can your AI Assistant handle complex queries?", content: "Absolutely. Our AI Assistant, powered by Claude, is extensively trained on Skoon Tech's complete knowledge base, including detailed service offerings, technical specifications, and client success stories, enabling it to provide nuanced and accurate responses."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer tailored solutions for startups?",
|
||||
content: "Yes, we specialize in scalable solutions designed to grow with your business. We offer flexible packages and expert guidance to help startups leverage technology effectively from day one.",
|
||||
},
|
||||
id: "f3", title: "Do you offer tailored solutions for startups?", content: "Yes, we specialize in scalable solutions designed to grow with your business. We offer flexible packages and expert guidance to help startups leverage technology effectively from day one."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about Skoon Tech, our services, and support."
|
||||
@@ -333,22 +208,15 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to transform your business with cutting-edge technology? Contact Skoon Tech today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: +1 (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us: +1 (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Email Us: info@skoontech.com",
|
||||
href: "mailto:info@skoontech.com",
|
||||
},
|
||||
text: "Email Us: info@skoontech.com", href: "mailto:info@skoontech.com"},
|
||||
{
|
||||
text: "Visit Our Office: 123 Tech Drive, Innovation City, TX 78701",
|
||||
href: "https://www.google.com/maps/search/Skoon+Tech+123+Tech+Drive",
|
||||
},
|
||||
text: "Visit Our Office: 123 Tech Drive, Innovation City, TX 78701", href: "https://www.google.com/maps/search/Skoon+Tech+123+Tech+Drive"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,70 +225,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cloud Solutions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cloud Solutions", href: "#services"},
|
||||
{
|
||||
label: "Cybersecurity",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cybersecurity", href: "#services"},
|
||||
{
|
||||
label: "AI & ML",
|
||||
href: "#services",
|
||||
},
|
||||
label: "AI & ML", href: "#services"},
|
||||
{
|
||||
label: "Software Dev",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Software Dev", href: "#services"},
|
||||
{
|
||||
label: "Data Analytics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Data Analytics", href: "#services"},
|
||||
{
|
||||
label: "Managed IT",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Managed IT", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Us", href: "#hero"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#ai-assistant",
|
||||
},
|
||||
label: "Support", href: "#ai-assistant"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user