Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -34,80 +34,49 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="ARCTING"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Engineering Excellence Delivered"
|
||||
description="ARCTING transforms complex projects into seamless solutions. Trusted by industry leaders for precision, innovation, and results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-bridge-foggy-day_1127-2065.jpg?_wi=1",
|
||||
imageAlt: "Futuristic engineering lab with holographic architectural designs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-bridge-foggy-day_1127-2065.jpg", imageAlt: "Futuristic engineering lab with holographic architectural designs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-ecofriendly-environment_23-2151582392.jpg?_wi=1",
|
||||
imageAlt: "Aerial view of a smart city infrastructure project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-ecofriendly-environment_23-2151582392.jpg", imageAlt: "Aerial view of a smart city infrastructure project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-production-worker-solar-panel-plant-conducts-routine-inspection_482257-126038.jpg?_wi=1",
|
||||
imageAlt: "Engineers monitoring industrial automation in a control room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-production-worker-solar-panel-plant-conducts-routine-inspection_482257-126038.jpg", imageAlt: "Engineers monitoring industrial automation in a control room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599429.jpg",
|
||||
imageAlt: "Robotic arm performing intricate assembly tasks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599429.jpg", imageAlt: "Robotic arm performing intricate assembly tasks"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-engineer-architects-working-modern-cad-program_482257-19170.jpg",
|
||||
imageAlt: "Team of engineers discussing a 3D product model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-engineer-architects-working-modern-cad-program_482257-19170.jpg", imageAlt: "Team of engineers discussing a 3D product model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836795.jpg",
|
||||
imageAlt: "Dynamic shot of a bridge under construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836795.jpg", imageAlt: "Dynamic shot of a bridge under construction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,19 +88,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Years Experience", value: "25+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "300+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "300+"},
|
||||
{
|
||||
icon: Cog,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -139,40 +102,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="scale-rotate"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Meticulous design and execution ensuring every detail meets the highest standards of accuracy and quality.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Ruler,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-financial-data-with-futuristic-interface_23-2151966727.jpg",
|
||||
imageAlt: "complex data flow network architecture blue",
|
||||
title: "Precision Engineering", description: "Meticulous design and execution ensuring every detail meets the highest standards of accuracy and quality.", bentoComponent: "reveal-icon", icon: Ruler
|
||||
},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Leveraging data-driven insights to optimize performance, predict outcomes, and enhance project efficiency.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-bridge-foggy-day_1127-2065.jpg?_wi=2",
|
||||
imageAlt: "complex data flow network architecture blue",
|
||||
title: "Advanced Analytics", description: "Leveraging data-driven insights to optimize performance, predict outcomes, and enhance project efficiency.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Sustainable Design",
|
||||
description: "Integrating eco-friendly practices and materials to deliver projects with lasting environmental responsibility.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-ecofriendly-environment_23-2151582392.jpg?_wi=2",
|
||||
imageAlt: "complex data flow network architecture blue",
|
||||
title: "Sustainable Design", description: "Integrating eco-friendly practices and materials to deliver projects with lasting environmental responsibility.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Global Project Reach",
|
||||
description: "Our expertise spans across continents, enabling us to manage and deliver complex projects worldwide.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-production-worker-solar-panel-plant-conducts-routine-inspection_482257-126038.jpg?_wi=2",
|
||||
imageAlt: "complex data flow network architecture blue",
|
||||
},
|
||||
title: "Global Project Reach", description: "Our expertise spans across continents, enabling us to manage and deliver complex projects worldwide.", bentoComponent: "globe"
|
||||
}
|
||||
]}
|
||||
title="Innovative Solutions, Streamlined Delivery"
|
||||
description="ARCTING delivers cutting-edge engineering solutions with a focus on precision, efficiency, and measurable results, ensuring your projects are transformed seamlessly."
|
||||
@@ -184,14 +129,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Energy Corp",
|
||||
"Global Manufacturing",
|
||||
"Urban Future Group",
|
||||
"TransLogistics Inc.",
|
||||
"AquaTech Solutions",
|
||||
"ConnectNet Telecom",
|
||||
"Peak Resources",
|
||||
]}
|
||||
"Energy Corp", "Global Manufacturing", "Urban Future Group", "TransLogistics Inc.", "AquaTech Solutions", "ConnectNet Telecom", "Peak Resources"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our commitment to excellence has earned the trust of some of the most prominent organizations in various sectors."
|
||||
showCard={false}
|
||||
@@ -203,30 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-startup-office-desk-with-sales-statistics-computer-display-prepared-plan-financial-development-business-growth-empty-workplace-with-modern-e-commerce-technology_482257-41029.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/nobody-startup-office-desk-with-sales-statistics-computer-display-prepared-plan-financial-development-business-growth-empty-workplace-with-modern-e-commerce-technology_482257-41029.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Client Feedback"
|
||||
@@ -242,23 +165,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Alex Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-with-helmet-looking-away_23-2148269408.jpg",
|
||||
imageAlt: "Dr. Alex Chen, Senior Civil Engineer",
|
||||
},
|
||||
id: "1", name: "Dr. Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-with-helmet-looking-away_23-2148269408.jpg", imageAlt: "Dr. Alex Chen, Senior Civil Engineer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Maya Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-profile-checks-tablet-schematic-by-switchboard-blue-tech_169016-71486.jpg",
|
||||
imageAlt: "Dr. Maya Singh, Lead Mechanical Engineer",
|
||||
},
|
||||
id: "2", name: "Dr. Maya Singh", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-profile-checks-tablet-schematic-by-switchboard-blue-tech_169016-71486.jpg", imageAlt: "Dr. Maya Singh, Lead Mechanical Engineer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mr. Ben Carter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-analyzing-digital-data-industrial-facility-woman-energy-technician_169016-71595.jpg",
|
||||
imageAlt: "Mr. Ben Carter, Structural Engineer",
|
||||
},
|
||||
id: "3", name: "Mr. Ben Carter", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-analyzing-digital-data-industrial-facility-woman-energy-technician_169016-71595.jpg", imageAlt: "Mr. Ben Carter, Structural Engineer"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -268,65 +179,34 @@ export default function LandingPage() {
|
||||
<PricingCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "consulting",
|
||||
badge: "Consulting",
|
||||
badgeIcon: Lightbulb,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Expert guidance on specific challenges.",
|
||||
buttons: [
|
||||
id: "consulting", badge: "Consulting", badgeIcon: Lightbulb,
|
||||
price: "Custom Quote", subtitle: "Expert guidance on specific challenges.", buttons: [
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Initial Project Assessment",
|
||||
"Technical Feasibility Study",
|
||||
"Strategic Recommendations",
|
||||
"One-on-One Expert Consultations",
|
||||
],
|
||||
"Initial Project Assessment", "Technical Feasibility Study", "Strategic Recommendations", "One-on-One Expert Consultations"],
|
||||
},
|
||||
{
|
||||
id: "project-management",
|
||||
badge: "Managed Project",
|
||||
badgeIcon: Briefcase,
|
||||
price: "Custom Quote",
|
||||
subtitle: "End-to-end management for complex initiatives.",
|
||||
buttons: [
|
||||
id: "project-management", badge: "Managed Project", badgeIcon: Briefcase,
|
||||
price: "Custom Quote", subtitle: "End-to-end management for complex initiatives.", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Dedicated Project Manager",
|
||||
"Full Lifecycle Management",
|
||||
"Risk Mitigation & Compliance",
|
||||
"Regular Progress Reporting",
|
||||
"Quality Assurance",
|
||||
],
|
||||
"Dedicated Project Manager", "Full Lifecycle Management", "Risk Mitigation & Compliance", "Regular Progress Reporting", "Quality Assurance"],
|
||||
},
|
||||
{
|
||||
id: "retainer",
|
||||
badge: "Long-Term Partner",
|
||||
badgeIcon: Link,
|
||||
price: "Retainer Basis",
|
||||
subtitle: "Ongoing support for continuous innovation and growth.",
|
||||
buttons: [
|
||||
id: "retainer", badge: "Long-Term Partner", badgeIcon: Link,
|
||||
price: "Retainer Basis", subtitle: "Ongoing support for continuous innovation and growth.", buttons: [
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Priority Access to Experts",
|
||||
"Proactive System Optimization",
|
||||
"Continuous Technical Support",
|
||||
"Discounted Service Rates",
|
||||
"Annual Strategic Review",
|
||||
],
|
||||
"Priority Access to Experts", "Proactive System Optimization", "Continuous Technical Support", "Discounted Service Rates", "Annual Strategic Review"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Engineering Partnerships"
|
||||
@@ -340,35 +220,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What types of engineering projects do you specialize in?",
|
||||
content: "ARCTING specializes in civil, structural, mechanical, and industrial automation projects, focusing on delivering integrated and sustainable solutions for mid-to-large enterprises.",
|
||||
},
|
||||
id: "q1", title: "What types of engineering projects do you specialize in?", content: "ARCTING specializes in civil, structural, mechanical, and industrial automation projects, focusing on delivering integrated and sustainable solutions for mid-to-large enterprises."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you ensure project quality and precision?",
|
||||
content: "We implement a rigorous multi-stage quality control process, including detailed design reviews, advanced simulation, and adherence to international engineering standards, overseen by certified project managers.",
|
||||
},
|
||||
id: "q2", title: "How do you ensure project quality and precision?", content: "We implement a rigorous multi-stage quality control process, including detailed design reviews, advanced simulation, and adherence to international engineering standards, overseen by certified project managers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle projects with tight deadlines?",
|
||||
content: "Yes, our agile project management methodology and experienced team enable us to adapt efficiently to demanding timelines while maintaining our high standards of quality and precision.",
|
||||
},
|
||||
id: "q3", title: "Can you handle projects with tight deadlines?", content: "Yes, our agile project management methodology and experienced team enable us to adapt efficiently to demanding timelines while maintaining our high standards of quality and precision."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What is your approach to innovation?",
|
||||
content: "Innovation is at our core. We continuously invest in R&D, integrate cutting-edge technologies, and foster a culture of creative problem-solving to deliver forward-thinking engineering solutions.",
|
||||
},
|
||||
id: "q4", title: "What is your approach to innovation?", content: "Innovation is at our core. We continuously invest in R&D, integrate cutting-edge technologies, and foster a culture of creative problem-solving to deliver forward-thinking engineering solutions."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How do you ensure cost-effectiveness for clients?",
|
||||
content: "We achieve cost-effectiveness through optimized design, efficient resource allocation, transparent budgeting, and proactive risk management, ensuring maximum ROI without compromising quality.",
|
||||
},
|
||||
id: "q5", title: "How do you ensure cost-effectiveness for clients?", content: "We achieve cost-effectiveness through optimized design, efficient resource allocation, transparent budgeting, and proactive risk management, ensuring maximum ROI without compromising quality."},
|
||||
{
|
||||
id: "q6",
|
||||
title: "What post-project support do you offer?",
|
||||
content: "We provide comprehensive post-project support, including maintenance guidelines, operational training, and ongoing technical assistance to ensure the long-term success and optimal performance of your implemented solutions.",
|
||||
},
|
||||
id: "q6", title: "What post-project support do you offer?", content: "We provide comprehensive post-project support, including maintenance guidelines, operational training, and ongoing technical assistance to ensure the long-term success and optimal performance of your implemented solutions."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our engineering services, processes, and project engagements."
|
||||
@@ -380,20 +242,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Ready to Transform Your Vision into Reality?"
|
||||
description="Let ARCTING be your trusted partner in engineering excellence. Reach out today to discuss your next project and discover how our expertise can drive your success."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Your Project", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -402,13 +259,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ARCTING"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user