Merge version_2 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "About", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ITS Hub"
|
||||
/>
|
||||
@@ -56,94 +48,52 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your One Stop IT Services Partner"
|
||||
description="From Cyber Security to Managed Services, we provide essential tech infrastructure and support tailored to your business needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client A",
|
||||
handle: "@bizowner",
|
||||
testimonial: "Thank You ITS Hub for helping me setting up my business. Highly professional and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
name: "Client A", handle: "@bizowner", testimonial: "Thank You ITS Hub for helping me setting up my business. Highly professional and efficient.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
|
||||
{
|
||||
name: "Client B",
|
||||
handle: "@techcorp",
|
||||
testimonial: "Excellent quality and value. They solved all our network issues perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
},
|
||||
name: "Client B", handle: "@techcorp", testimonial: "Excellent quality and value. They solved all our network issues perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
||||
{
|
||||
name: "Client C",
|
||||
handle: "@creative",
|
||||
testimonial: "The best setup support I've experienced in 5 years. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
name: "Client C", handle: "@creative", testimonial: "The best setup support I've experienced in 5 years. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
name: "Client D",
|
||||
handle: "@innovator",
|
||||
testimonial: "Quality service throughout the setup process. Truly expert team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
name: "Client D", handle: "@innovator", testimonial: "Quality service throughout the setup process. Truly expert team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
name: "Client E",
|
||||
handle: "@startup",
|
||||
testimonial: "Outstanding value for money. They really care about our infrastructure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg",
|
||||
},
|
||||
name: "Client E", handle: "@startup", testimonial: "Outstanding value for money. They really care about our infrastructure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/circuit-board-chip-technology-concept_53876-124849.jpg"
|
||||
imageAlt="it services background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Young Businesswoman Portrait in Office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Smiling businessman standing at airport",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Happy young professional posing in office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Happy young professional posing in office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
alt: "Waist up of confident businessman in the office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Waist up of confident businessman in the office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Close up portrait of young handsome successful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg",
|
||||
alt: "Keyboard button closeup",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg", alt: "Keyboard button closeup"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cyber Security",
|
||||
},
|
||||
type: "text", text: "Cyber Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Managed IT Services",
|
||||
},
|
||||
type: "text", text: "Managed IT Services"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Strategy",
|
||||
},
|
||||
type: "text", text: "Digital Strategy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,19 +105,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Experience", value: "5+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security Assets",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Security Assets", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -180,22 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Networking & Setup",
|
||||
"Infrastructure Support",
|
||||
"Device Management",
|
||||
"Ecommerce Solutions",
|
||||
],
|
||||
"Networking & Setup", "Infrastructure Support", "Device Management", "Ecommerce Solutions"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Cyber Security & Protection",
|
||||
"Data & Analytics",
|
||||
"Digital Marketing",
|
||||
"Managed Services",
|
||||
],
|
||||
"Cyber Security & Protection", "Data & Analytics", "Digital Marketing", "Managed Services"],
|
||||
}}
|
||||
title="Comprehensive IT Solutions"
|
||||
description="We bridge the gap between complex technology and your business goals."
|
||||
buttons={[{ text: "Get Started Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,34 +143,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Infrastructure",
|
||||
title: "Setup",
|
||||
items: [
|
||||
"Routers",
|
||||
"Switches",
|
||||
"Network Security",
|
||||
],
|
||||
id: "m1", value: "Infrastructure", title: "Setup", items: [
|
||||
"Routers", "Switches", "Network Security"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Workstations",
|
||||
title: "Devices",
|
||||
items: [
|
||||
"Desktops",
|
||||
"Laptops",
|
||||
"Mobile Management",
|
||||
],
|
||||
id: "m2", value: "Workstations", title: "Devices", items: [
|
||||
"Desktops", "Laptops", "Mobile Management"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Applications",
|
||||
title: "Software",
|
||||
items: [
|
||||
"Email Solutions",
|
||||
"Analytics",
|
||||
"Spending Management",
|
||||
],
|
||||
id: "m3", value: "Applications", title: "Software", items: [
|
||||
"Email Solutions", "Analytics", "Spending Management"],
|
||||
},
|
||||
]}
|
||||
title="Technology Essentials"
|
||||
@@ -248,40 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Thank You ITS Hub for helping me setting up my business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", testimonial: "Thank You ITS Hub for helping me setting up my business.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Quality and professionalism were top notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO", testimonial: "Quality and professionalism were top notch.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Value for money and excellent support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Value for money and excellent support.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Reliable and expert setup services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Manager", testimonial: "Reliable and expert setup services.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
role: "Founder",
|
||||
testimonial: "They made our IT transition seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6593.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", role: "Founder", testimonial: "They made our IT transition seamless.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6593.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See why businesses trust ITS Hub."
|
||||
@@ -294,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free consultations?",
|
||||
content: "Yes, we provide a free consultation to assess your business IT needs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free consultations?", content: "Yes, we provide a free consultation to assess your business IT needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you handle ecommerce websites?",
|
||||
content: "Absolutely, we specialize in building and managing secure ecommerce solutions.",
|
||||
},
|
||||
id: "q2", title: "Can you handle ecommerce websites?", content: "Absolutely, we specialize in building and managing secure ecommerce solutions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 1/57 Major Rd, Fawkner, Melbourne, Victoria.",
|
||||
},
|
||||
id: "q3", title: "Where are you located?", content: "We are located at 1/57 Major Rd, Fawkner, Melbourne, Victoria."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -319,8 +204,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to optimize your IT?"
|
||||
description="Contact us today for a free consultation at our Fawkner office."
|
||||
@@ -334,18 +218,14 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user