Merge version_2 into main #2
178
src/app/page.tsx
178
src/app/page.tsx
@@ -10,7 +10,6 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Database, Globe, Rocket } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,100 +26,103 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Advantage", id: "features" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ammerlus Inc"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Advantage", id: "features" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ammerlus Inc"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Architecting the Future with Ammerlus Inc"
|
||||
description="Powered by Hupfumi Africa, we bridge the gap between imagination and digital reality. High-performance software solutions for the next era of innovation."
|
||||
tag="Next Gen Engineering"
|
||||
buttons={[{ text: "View Solutions", href: "#features" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="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"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Architecting the Future with Ammerlus Inc"
|
||||
description="Powered by Hupfumi Africa, we bridge the gap between imagination and digital reality. High-performance software solutions for the next era of innovation."
|
||||
tag="Next Gen Engineering"
|
||||
buttons={[{ text: "View Solutions", href: "#features" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[{ type: 'text', content: "Our Engineering Powerhouse" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[{ type: 'text', content: "Our Engineering Powerhouse" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Ammerlus Advantage"
|
||||
description="We don't just write code; we architect systems that define the future."
|
||||
features={[
|
||||
{ title: "AI-native architecture", description: "Advanced neural systems for modern enterprise." },
|
||||
{ title: "Rapid delivery", description: "Speed to market without compromising on quality." },
|
||||
{ title: "Zero-trust security", description: "Hardened infrastructure for the global cloud." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Ammerlus Advantage"
|
||||
description="We don't just write code; we architect systems that define the future."
|
||||
features={[
|
||||
{ title: "AI-native architecture", description: "Advanced neural systems for modern enterprise.", imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995" },
|
||||
{ title: "Rapid delivery", description: "Speed to market without compromising on quality.", imageSrc: "https://images.unsplash.com/photo-1661956602116-aa6865609028" },
|
||||
{ title: "Zero-trust security", description: "Hardened infrastructure for the global cloud.", imageSrc: "https://images.unsplash.com/photo-1639815188546-c430e3863483" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Performance at Scale"
|
||||
description="Quantifiable impact delivered through Hupfumi Africa infrastructure."
|
||||
metrics={[
|
||||
{ id: "u", value: "99.99%", title: "Uptime Guarantee", items: ["High availability", "Redundant systems"] },
|
||||
{ id: "s", value: "2x", title: "Faster Launch", items: ["Optimized pipelines", "Automated CI/CD"] },
|
||||
{ id: "c", value: "40%", title: "Cost Efficiency", items: ["Resource optimization", "Waste reduction"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Performance at Scale"
|
||||
description="Quantifiable impact delivered through Hupfumi Africa infrastructure."
|
||||
metrics={[
|
||||
{ id: "u", value: "99.99%", title: "Uptime Guarantee", items: ["High availability", "Redundant systems"] },
|
||||
{ id: "s", value: "2x", title: "Faster Launch", items: ["Optimized pipelines", "Automated CI/CD"] },
|
||||
{ id: "c", value: "40%", title: "Cost Efficiency", items: ["Resource optimization", "Waste reduction"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Voices of Innovation"
|
||||
description="Client success stories powered by our engineering."
|
||||
kpiItems={[{ value: "500+", label: "Projects" }, { value: "99%", label: "Satisfaction" }, { value: "20+", label: "Countries" }]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Kojo Mensah", role: "CEO", company: "Hupfumi", rating: 5, testimonial: "Ammerlus transformed our digital stack." },
|
||||
{ id: "t2", name: "Sarah Ahmed", role: "CTO", company: "TechCorp", rating: 5, testimonial: "Seamless execution, exceptional talent." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Voices of Innovation"
|
||||
description="Client success stories powered by our engineering."
|
||||
kpiItems={[{ value: "500+", label: "Projects" }, { value: "99%", label: "Satisfaction" }, { value: "20+", label: "Countries" }]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Kojo Mensah", role: "CEO", company: "Hupfumi", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" },
|
||||
{ id: "t2", name: "Sarah Ahmed", role: "CTO", company: "TechCorp", rating: 5, imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to architect the next big breakthrough? Let's get started."
|
||||
buttons={[{ text: "Get in touch", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to architect the next big breakthrough? Let's get started."
|
||||
buttons={[{ text: "Get in touch", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ammerlus Inc"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Cloud", href: "#" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ammerlus Inc"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Cloud", href: "#" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user