Update src/app/page.tsx
This commit is contained in:
331
src/app/page.tsx
331
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Case Studies",
|
||||
id: "#cases",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Case Studies", id: "#cases" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Noah Engineering"
|
||||
/>
|
||||
@@ -57,98 +45,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Localization for Global Excellence"
|
||||
description="Noah Engineering Consultants bridges linguistic and cultural divides with world-class engineering precision. We craft seamless global experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Exceptional precision. Noah Engineering redefined our localization workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "A luxury experience. They handled our technical assets with absolute care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision-lifestyle-business-people-concept_1150-34735.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sophia Liang",
|
||||
handle: "@sliang",
|
||||
testimonial: "Unparalleled expertise in global software engineering. Truly elite partners.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Julian Rivers",
|
||||
handle: "@jrivers",
|
||||
testimonial: "Top-tier results. They understand the complexity of international markets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Amara Okafor",
|
||||
handle: "@aokafor",
|
||||
testimonial: "Professional, efficient, and precise. A benchmark for the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Consult Our Team",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Elena Vance", handle: "@evance", testimonial: "Exceptional precision. Noah Engineering redefined our localization workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "A luxury experience. They handled our technical assets with absolute care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision-lifestyle-business-people-concept_1150-34735.jpg" },
|
||||
{ name: "Sophia Liang", handle: "@sliang", testimonial: "Unparalleled expertise in global software engineering. Truly elite partners.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
|
||||
{ name: "Julian Rivers", handle: "@jrivers", testimonial: "Top-tier results. They understand the complexity of international markets.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg" },
|
||||
{ name: "Amara Okafor", handle: "@aokafor", testimonial: "Professional, efficient, and precise. A benchmark for the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Consult Our Team", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-office-with-modern-furnishings-tech-generated-by-ai_188544-13764.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg",
|
||||
alt: "Client representative 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149097.jpg",
|
||||
alt: "Client representative 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780751.jpg",
|
||||
alt: "Client representative 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-desk-arrangement-chair_23-2149073045.jpg",
|
||||
alt: "Client representative 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg",
|
||||
alt: "Client representative 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg", alt: "Client representative 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149097.jpg", alt: "Client representative 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780751.jpg", alt: "Client representative 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-desk-arrangement-chair_23-2149073045.jpg", alt: "Client representative 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg", alt: "Client representative 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Grade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scale",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Linguistic Accuracy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Technical Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Engineering",
|
||||
},
|
||||
{ type: "text", text: "Enterprise Grade" },
|
||||
{ type: "text", text: "Global Scale" },
|
||||
{ type: "text", text: "Linguistic Accuracy" },
|
||||
{ type: "text", text: "Technical Excellence" },
|
||||
{ type: "text", text: "24/7 Engineering" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,12 +78,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Global Narrative"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Approach",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover Our Approach", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,21 +88,9 @@ export default function LandingPage() {
|
||||
title="Technical Localization Suite"
|
||||
description="Our comprehensive suite ensures your product resonates globally, down to every string and UI element."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Software Localization",
|
||||
content: "Full stack adaptation of software products for localized markets.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Linguistic Quality Assurance",
|
||||
content: "Rigorous multi-stage linguistic review processes.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Cross-Platform Engineering",
|
||||
content: "Adaptive engineering for web, mobile, and embedded systems.",
|
||||
},
|
||||
{ id: "s1", title: "Software Localization", content: "Full stack adaptation of software products for localized markets." },
|
||||
{ id: "s2", title: "Linguistic Quality Assurance", content: "Rigorous multi-stage linguistic review processes." },
|
||||
{ id: "s3", title: "Cross-Platform Engineering", content: "Adaptive engineering for web, mobile, and embedded systems." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -199,21 +103,9 @@ export default function LandingPage() {
|
||||
title="Impact at Scale"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Global markets served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Linguistic accuracy rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Engineering support",
|
||||
},
|
||||
{ id: "m1", value: "120+", description: "Global markets served" },
|
||||
{ id: "m2", value: "99.9%", description: "Linguistic accuracy rate" },
|
||||
{ id: "m3", value: "24/7", description: "Engineering support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -226,54 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechCorp",
|
||||
name: "Enterprise Dashboard",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-holding-phone-with-map-smart-travel-moment_169016-69757.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BioMed",
|
||||
name: "Clinical Portal",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "RetailCo",
|
||||
name: "Checkout Flow",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleek-black-smartphone-reflective-surface_9975-134352.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "AutoMobile",
|
||||
name: "Dashboard UI",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163704.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "FinFlow",
|
||||
name: "Trading App",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "TravelEasy",
|
||||
name: "Booking System",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-121109.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "TechCorp", name: "Enterprise Dashboard", price: "View Project", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/driver-holding-phone-with-map-smart-travel-moment_169016-69757.jpg" },
|
||||
{ id: "p2", brand: "BioMed", name: "Clinical Portal", price: "View Project", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
|
||||
{ id: "p3", brand: "RetailCo", name: "Checkout Flow", price: "View Project", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sleek-black-smartphone-reflective-surface_9975-134352.jpg" },
|
||||
{ id: "p4", brand: "AutoMobile", name: "Dashboard UI", price: "View Project", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163704.jpg" },
|
||||
{ id: "p5", brand: "FinFlow", name: "Trading App", price: "View Project", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg" },
|
||||
{ id: "p6", brand: "TravelEasy", name: "Booking System", price: "View Project", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-121109.jpg" }
|
||||
]}
|
||||
title="Case Studies"
|
||||
description="Proven success in complex environments."
|
||||
@@ -286,60 +136,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "VP Product",
|
||||
company: "GlobalScale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Wu",
|
||||
role: "CTO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision-lifestyle-business-people-concept_1150-34735.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice Green",
|
||||
role: "Operations",
|
||||
company: "LogiCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Stone",
|
||||
role: "Engineering Lead",
|
||||
company: "NetFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Vargus",
|
||||
role: "Product Owner",
|
||||
company: "SwiftUI",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "VP Product", company: "GlobalScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "t2", name: "David Wu", role: "CTO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision-lifestyle-business-people-concept_1150-34735.jpg" },
|
||||
{ id: "t3", name: "Alice Green", role: "Operations", company: "LogiCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
|
||||
{ id: "t4", name: "Robert Stone", role: "Engineering Lead", company: "NetFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg" },
|
||||
{ id: "t5", name: "Emily Vargus", role: "Product Owner", company: "SwiftUI", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Revenue Growth",
|
||||
},
|
||||
{
|
||||
value: "10ms",
|
||||
label: "Latency Optimization",
|
||||
},
|
||||
{ value: "100%", label: "Client Retention" },
|
||||
{ value: "5x", label: "Revenue Growth" },
|
||||
{ value: "10ms", label: "Latency Optimization" }
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Defining the gold standard for global engineering."
|
||||
@@ -350,15 +156,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Oracle",
|
||||
"SAP",
|
||||
"Salesforce",
|
||||
"Google",
|
||||
"AWS",
|
||||
"Adobe",
|
||||
]}
|
||||
names={["Microsoft", "Oracle", "SAP", "Salesforce", "Google", "AWS", "Adobe"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry-leading entities globally."
|
||||
/>
|
||||
@@ -369,21 +167,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the Noah difference?",
|
||||
content: "We prioritize engineering precision over simple translation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do we scale?",
|
||||
content: "Our modular architecture allows seamless deployment across any market.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you support RTL languages?",
|
||||
content: "Yes, we have deep expertise in bidirectional layout engineering.",
|
||||
},
|
||||
{ id: "q1", title: "What is the Noah difference?", content: "We prioritize engineering precision over simple translation." },
|
||||
{ id: "q2", title: "How do we scale?", content: "Our modular architecture allows seamless deployment across any market." },
|
||||
{ id: "q3", title: "Do you support RTL languages?", content: "Yes, we have deep expertise in bidirectional layout engineering." }
|
||||
]}
|
||||
title="Expert Guidance"
|
||||
description="Clarifying our engineering methodology."
|
||||
@@ -394,16 +180,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Start your global journey. Partner with Noah Engineering Consultants today for elite localization."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "mailto:hello@noah.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get In Touch", href: "mailto:hello@noah.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -412,20 +191,12 @@ export default function LandingPage() {
|
||||
logoText="Noah Engineering"
|
||||
copyrightText="© 2025 Noah Engineering Consultants. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user