Merge version_2 into main #1
274
src/app/page.tsx
274
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AONA Co., Ltd."
|
||||
/>
|
||||
@@ -60,63 +50,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="AONA Co., Ltd. - Driving Innovation"
|
||||
description="We specialize in delivering cutting-edge software solutions tailored to your business needs, powered by advanced technology."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
alt: "Executive",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-using-mobile-phone-while-relaxing-staircase_637285-10962.jpg",
|
||||
alt: "Tech Lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-using-mobile-phone-while-relaxing-staircase_637285-10962.jpg", alt: "Tech Lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg", alt: "Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
alt: "Consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg", alt: "Consultant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg",
|
||||
alt: "Business Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg", alt: "Business Leader"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Scalable Infrastructure",
|
||||
icon: Server,
|
||||
type: "text-icon", text: "Scalable Infrastructure", icon: Server,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Cloud",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure Cloud", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Deployment",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Deployment", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Integration",
|
||||
icon: Database,
|
||||
type: "text-icon", text: "AI Integration", icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -127,18 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to ",
|
||||
},
|
||||
type: "text", content: "Our Commitment to "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/businesspeople-working-laptop-office_1098-1672.jpg",
|
||||
alt: "About AONA",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/businesspeople-working-laptop-office_1098-1672.jpg", alt: "About AONA"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Global Tech Excellence.",
|
||||
},
|
||||
type: "text", content: " Global Tech Excellence."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,20 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Software Development",
|
||||
description: "High-quality, scalable custom software development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-server-hub-using-tablet-find-firewall-misconfigurations_482257-94520.jpg",
|
||||
},
|
||||
title: "Software Development", description: "High-quality, scalable custom software development.", imageSrc: "http://img.b2bpic.net/free-photo/manager-server-hub-using-tablet-find-firewall-misconfigurations_482257-94520.jpg"},
|
||||
{
|
||||
title: "Cloud Solutions",
|
||||
description: "Secure and robust cloud architecture for modern growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg",
|
||||
},
|
||||
title: "Cloud Solutions", description: "Secure and robust cloud architecture for modern growth.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg"},
|
||||
{
|
||||
title: "Global Integration",
|
||||
description: "Seamless connectivity for your international business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139372.jpg",
|
||||
},
|
||||
title: "Global Integration", description: "Seamless connectivity for your international business needs.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139372.jpg"},
|
||||
]}
|
||||
title="Core Expertise"
|
||||
description="Powerful capabilities to transform your digital strategy."
|
||||
@@ -178,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Enterprise Core",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-designing-layout_53876-94872.jpg",
|
||||
},
|
||||
id: "p1", name: "Enterprise Core", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/businessman-designing-layout_53876-94872.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud Analytics",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-diagram-glasses-mobile-office-supplies_1163-2754.jpg",
|
||||
},
|
||||
id: "p2", name: "Cloud Analytics", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-diagram-glasses-mobile-office-supplies_1163-2754.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Automation Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg",
|
||||
},
|
||||
id: "p3", name: "Automation Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "AI Innovation Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg",
|
||||
},
|
||||
id: "p4", name: "AI Innovation Hub", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Infrastructure Manager",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-identical-laptops-monochrome-light-corporate-teams-digital-device-fleet_169016-70819.jpg",
|
||||
},
|
||||
id: "p5", name: "Infrastructure Manager", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/row-identical-laptops-monochrome-light-corporate-teams-digital-device-fleet_169016-70819.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Team Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg",
|
||||
},
|
||||
id: "p6", name: "Team Hub", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Explore our comprehensive suite of professional digital products."
|
||||
@@ -227,25 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable system availability.",
|
||||
icon: Shield,
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Reliable system availability.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects",
|
||||
description: "Successfully completed globally.",
|
||||
icon: Award,
|
||||
id: "m2", value: "500+", title: "Projects", description: "Successfully completed globally.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Countries",
|
||||
description: "Where we operate seamlessly.",
|
||||
icon: Globe,
|
||||
id: "m3", value: "15+", title: "Countries", description: "Where we operate seamlessly.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
@@ -260,59 +175,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21403.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21403.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura Smith",
|
||||
role: "Head of Engineering",
|
||||
company: "GlobalFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-laptop-standing-cafe_231208-12061.jpg",
|
||||
},
|
||||
id: "t5", name: "Laura Smith", role: "Head of Engineering", company: "GlobalFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-laptop-standing-cafe_231208-12061.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Efficiency",
|
||||
},
|
||||
value: "5x", label: "Efficiency"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Growth",
|
||||
},
|
||||
value: "100%", label: "Growth"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our global partners say about our collaboration."
|
||||
@@ -324,31 +208,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Salesforce",
|
||||
"Oracle",
|
||||
"SAP",
|
||||
"IBM",
|
||||
]}
|
||||
"Google", "Microsoft", "Amazon", "Salesforce", "Oracle", "SAP", "IBM"]}
|
||||
title="Trusted Globally"
|
||||
description="Partnering with industry leaders to shape the future."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
<ContactCTA
|
||||
tag="Connect"
|
||||
title="Ready to innovate?"
|
||||
description="Get in touch with our expert team to drive your business forward."
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to transform your business? Get in touch with our expert team today."
|
||||
variant: "sparkles-gradient"}}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@aona.co",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@aona.co"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,50 +232,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Software",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Software", href: "#products"},
|
||||
{
|
||||
label: "Cloud",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Cloud", href: "#products"},
|
||||
{
|
||||
label: "Integration",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Integration", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -411,4 +267,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user