Update src/app/page.tsx
This commit is contained in:
200
src/app/page.tsx
200
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="MoonValley AI"
|
brandName="MoonValley AI"
|
||||||
/>
|
/>
|
||||||
@@ -56,37 +48,24 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Architecting the Future of Intelligence"
|
title="Architecting the Future of Intelligence"
|
||||||
description="MoonValley AI bridges the gap between raw data and actionable intelligence through premium, bespoke AI solutions."
|
description="MoonValley AI bridges the gap between raw data and actionable intelligence through premium, bespoke AI solutions."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "Neural network abstract"},
|
||||||
imageAlt: "Neural network abstract",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg", imageAlt: "AI Code UI"},
|
||||||
imageAlt: "AI Code UI",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977505.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977505.jpg", imageAlt: "Holographic AI interface"},
|
||||||
imageAlt: "Holographic AI interface",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg", imageAlt: "Futuristic geometric shapes connect for modern abstract design"},
|
||||||
imageAlt: "Futuristic geometric shapes connect for modern abstract design",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg", imageAlt: "Abstract blurred colorful light spots"},
|
||||||
imageAlt: "Abstract blurred colorful light spots",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -97,18 +76,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Redefining "},
|
||||||
content: "Redefining ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/software-developer-pioneering-technology-startup-using-green-screen-pc_482257-118829.jpg", alt: "AI Studio"},
|
||||||
src: "http://img.b2bpic.net/free-photo/software-developer-pioneering-technology-startup-using-green-screen-pc_482257-118829.jpg",
|
|
||||||
alt: "AI Studio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " Enterprise AI"},
|
||||||
content: " Enterprise AI",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -120,49 +92,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Neural Analytics",
|
title: "Neural Analytics", description: "Harnessing deep learning to uncover hidden patterns.", icon: Zap,
|
||||||
description: "Harnessing deep learning to uncover hidden patterns.",
|
|
||||||
icon: Zap,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137474.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137474.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=2",
|
|
||||||
imageAlt: "data flow visualization",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Model Training",
|
title: "Model Training", description: "Scalable model fine-tuning for your unique data sets.", icon: Shield,
|
||||||
description: "Scalable model fine-tuning for your unique data sets.",
|
|
||||||
icon: Shield,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-grid-black-background_53876-97647.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-grid-black-background_53876-97647.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg?_wi=2",
|
|
||||||
imageAlt: "data flow visualization",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Automated Pipelines",
|
title: "Automated Pipelines", description: "Seamless integration into your existing tech stack.", icon: Sparkles,
|
||||||
description: "Seamless integration into your existing tech stack.",
|
|
||||||
icon: Sparkles,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-futuristic-landscape-with-extruding-cubes_1048-12319.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-futuristic-landscape-with-extruding-cubes_1048-12319.jpg", imageAlt: "data flow visualization"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977505.jpg?_wi=2",
|
|
||||||
imageAlt: "data flow visualization",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Tailored AI Services"
|
title="Tailored AI Services"
|
||||||
@@ -177,20 +131,11 @@ export default function LandingPage() {
|
|||||||
tag="Trusted Metrics"
|
tag="Trusted Metrics"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "99.8%", description: "Accuracy across models"},
|
||||||
value: "99.8%",
|
|
||||||
description: "Accuracy across models",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "40%", description: "Efficiency boost average"},
|
||||||
value: "40%",
|
|
||||||
description: "Efficiency boost average",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "50+", description: "Enterprise projects"},
|
||||||
value: "50+",
|
|
||||||
description: "Enterprise projects",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -202,60 +147,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alex Rivier", date: "Oct 2023", title: "CTO", quote: "MoonValley AI completely transformed our data output.", tag: "AI Implementation", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "tech executive portrait"},
|
||||||
name: "Alex Rivier",
|
|
||||||
date: "Oct 2023",
|
|
||||||
title: "CTO",
|
|
||||||
quote: "MoonValley AI completely transformed our data output.",
|
|
||||||
tag: "AI Implementation",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=3",
|
|
||||||
imageAlt: "tech executive portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Sarah Chen", date: "Jan 2024", title: "Lead Dev", quote: "Seamless integration, incredible accuracy.", tag: "SaaS Growth", avatarSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg", imageAlt: "tech executive portrait"},
|
||||||
name: "Sarah Chen",
|
|
||||||
date: "Jan 2024",
|
|
||||||
title: "Lead Dev",
|
|
||||||
quote: "Seamless integration, incredible accuracy.",
|
|
||||||
tag: "SaaS Growth",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg?_wi=3",
|
|
||||||
imageAlt: "tech executive portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "David Kim", date: "Feb 2024", title: "Director", quote: "Their models are best in class for finance.", tag: "Finance Tech", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-call-center-office_23-2149256097.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977505.jpg", imageAlt: "tech executive portrait"},
|
||||||
name: "David Kim",
|
|
||||||
date: "Feb 2024",
|
|
||||||
title: "Director",
|
|
||||||
quote: "Their models are best in class for finance.",
|
|
||||||
tag: "Finance Tech",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-working-call-center-office_23-2149256097.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977505.jpg?_wi=3",
|
|
||||||
imageAlt: "tech executive portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Maria Garcia", date: "Mar 2024", title: "Product VP", quote: "A true strategic partner in AI innovation.", tag: "Product Design", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-mature-male-holding-tablet_23-2148673422.jpg", imageSrc: "http://img.b2bpic.net/free-photo/software-developer-pioneering-technology-startup-using-green-screen-pc_482257-118829.jpg", imageAlt: "tech executive portrait"},
|
||||||
name: "Maria Garcia",
|
|
||||||
date: "Mar 2024",
|
|
||||||
title: "Product VP",
|
|
||||||
quote: "A true strategic partner in AI innovation.",
|
|
||||||
tag: "Product Design",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-mature-male-holding-tablet_23-2148673422.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-pioneering-technology-startup-using-green-screen-pc_482257-118829.jpg",
|
|
||||||
imageAlt: "tech executive portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "James Watt", date: "Apr 2024", title: "Engineer", quote: "Fast, reliable, and incredibly scalable.", tag: "Enterprise AI", avatarSrc: "http://img.b2bpic.net/free-photo/modern-young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-1777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "tech executive portrait"},
|
||||||
name: "James Watt",
|
|
||||||
date: "Apr 2024",
|
|
||||||
title: "Engineer",
|
|
||||||
quote: "Fast, reliable, and incredibly scalable.",
|
|
||||||
tag: "Enterprise AI",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/modern-young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-1777.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg?_wi=2",
|
|
||||||
imageAlt: "tech executive portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Industry Leaders Trust Us"
|
title="Industry Leaders Trust Us"
|
||||||
description="Partnering with the world's most innovative companies."
|
description="Partnering with the world's most innovative companies."
|
||||||
@@ -267,14 +167,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Google",
|
"Google", "Microsoft", "OpenAI", "Nvidia", "AWS", "Salesforce", "IBM"]}
|
||||||
"Microsoft",
|
|
||||||
"OpenAI",
|
|
||||||
"Nvidia",
|
|
||||||
"AWS",
|
|
||||||
"Salesforce",
|
|
||||||
"IBM",
|
|
||||||
]}
|
|
||||||
title="Powered by Partners"
|
title="Powered by Partners"
|
||||||
description="We collaborate with the world's leading technology infrastructures."
|
description="We collaborate with the world's leading technology infrastructures."
|
||||||
/>
|
/>
|
||||||
@@ -286,20 +179,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How long for an AI implementation?", content: "Typical projects range from 4-12 weeks."},
|
||||||
title: "How long for an AI implementation?",
|
|
||||||
content: "Typical projects range from 4-12 weeks.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Do you own the models?", content: "You retain full IP rights to your custom solutions."},
|
||||||
title: "Do you own the models?",
|
|
||||||
content: "You retain full IP rights to your custom solutions.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "How do we scale?", content: "Our modular architecture allows for easy scalability."},
|
||||||
title: "How do we scale?",
|
|
||||||
content: "Our modular architecture allows for easy scalability.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Inquiries"
|
title="Common Inquiries"
|
||||||
description="Answers to the most frequent questions about our AI agency."
|
description="Answers to the most frequent questions about our AI agency."
|
||||||
@@ -311,15 +195,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Let's Talk"
|
tag="Let's Talk"
|
||||||
title="Ready to Transform Your Business?"
|
title="Ready to Transform Your Business?"
|
||||||
description="Connect with our AI strategy team to discuss your next innovation project."
|
description="Connect with our AI strategy team to discuss your next innovation project."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Agency",
|
text: "Contact Agency"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -331,14 +213,10 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "https://twitter.com",
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Linkedin,
|
icon: Linkedin,
|
||||||
href: "https://linkedin.com",
|
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||||
ariaLabel: "LinkedIn",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user