Merge version_1 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="LAMA IT"
|
||||
/>
|
||||
@@ -54,67 +42,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="We Build The Future of Digital Experiences"
|
||||
description="Premium web development, mobile apps, AI solutions and scalable platforms tailored for the next generation of business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Start Your Project", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-background-with-purple-circles_1017-3791.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bubbles-black-background_23-2149345674.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crystal-ball-with-purple-background_23-2150439125.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-plates-white-surface_58702-1532.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bubbles-black-background_23-2149345674.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crystal-ball-with-purple-background_23-2150439125.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glass-plates-white-surface_58702-1532.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 400+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Integration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UX Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Systems",
|
||||
},
|
||||
{ type: "text", text: "Next.js" },
|
||||
{ type: "text", text: "AI Integration" },
|
||||
{ type: "text", text: "Cloud Infrastructure" },
|
||||
{ type: "text", text: "UX Design" },
|
||||
{ type: "text", text: "Scalable Systems" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,61 +88,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Web Development",
|
||||
author: "High Performance",
|
||||
description: "Custom platforms built for speed and conversion.",
|
||||
tags: [
|
||||
"React",
|
||||
"Next.js",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "AI Automation",
|
||||
author: "Smart Logic",
|
||||
description: "Integrate intelligent bots and AI to optimize workflows.",
|
||||
tags: [
|
||||
"Python",
|
||||
"OpenAI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "CRM/ERP Systems",
|
||||
author: "Business Flow",
|
||||
description: "Scalable business software that manages complexity.",
|
||||
tags: [
|
||||
"Node.js",
|
||||
"SQL",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Data Analytics",
|
||||
author: "Predictive Insight",
|
||||
description: "Turning raw data into actionable growth strategies.",
|
||||
tags: [
|
||||
"Tableau",
|
||||
"SQL",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-texture-blue-backgrund_1204-3.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Mobile Solutions",
|
||||
author: "Cross-Platform",
|
||||
description: "Native performance with cross-platform reach.",
|
||||
tags: [
|
||||
"Swift",
|
||||
"Flutter",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Web Development", author: "High Performance", description: "Custom platforms built for speed and conversion.", tags: ["React", "Next.js"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg" },
|
||||
{ id: "s2", title: "AI Automation", author: "Smart Logic", description: "Integrate intelligent bots and AI to optimize workflows.", tags: ["Python", "OpenAI"], imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg" },
|
||||
{ id: "s3", title: "CRM/ERP Systems", author: "Business Flow", description: "Scalable business software that manages complexity.", tags: ["Node.js", "SQL"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg" },
|
||||
{ id: "s4", title: "Data Analytics", author: "Predictive Insight", description: "Turning raw data into actionable growth strategies.", tags: ["Tableau", "SQL"], imageSrc: "http://img.b2bpic.net/free-photo/white-texture-blue-backgrund_1204-3.jpg" },
|
||||
{ id: "s5", title: "Mobile Solutions", author: "Cross-Platform", description: "Native performance with cross-platform reach.", tags: ["Swift", "Flutter"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg" },
|
||||
]}
|
||||
title="Our Specialized Solutions"
|
||||
description="High-impact services crafted for enterprise scalability."
|
||||
@@ -204,43 +104,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SaaS Dashboard v2",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "E-Commerce Fintech",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AI Workflow Engine",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-street-using-digital-tablet-holding-gadget-hands-looking-away-standing-ci_1258-151477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Branding Identity",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-girl-asian-woman-walks-around-city-with-tablet-goes-university-with-her_1258-196067.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mobile CRM",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Production System",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-draws-her-tablet-listens-music-headphones-asian-girl-sits-stairs-does_1258-196101.jpg",
|
||||
},
|
||||
{ id: "p1", name: "SaaS Dashboard v2", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg" },
|
||||
{ id: "p2", name: "E-Commerce Fintech", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg" },
|
||||
{ id: "p3", name: "AI Workflow Engine", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-street-using-digital-tablet-holding-gadget-hands-looking-away-standing-ci_1258-151477.jpg" },
|
||||
{ id: "p4", name: "Branding Identity", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-girl-asian-woman-walks-around-city-with-tablet-goes-university-with-her_1258-196067.jpg" },
|
||||
{ id: "p5", name: "Mobile CRM", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg" },
|
||||
{ id: "p6", name: "Production System", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-draws-her-tablet-listens-music-headphones-asian-girl-sits-stairs-does_1258-196101.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Showcasing our recent high-end digital deliveries."
|
||||
@@ -254,31 +125,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
description: "Global Experts",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "120+",
|
||||
description: "Industry Partners",
|
||||
},
|
||||
{ id: "m1", value: "400+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "99%", description: "Client Satisfaction" },
|
||||
{ id: "m3", value: "7+", description: "Years Experience" },
|
||||
{ id: "m4", value: "50+", description: "Global Experts" },
|
||||
{ id: "m5", value: "120+", description: "Industry Partners" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="The data that defines our commitment to excellence."
|
||||
@@ -290,47 +141,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sardor Rahimxon",
|
||||
role: "Founder",
|
||||
company: "Safo Marva",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Odilbek Burhonov",
|
||||
role: "Founder",
|
||||
company: "Sodda",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Hikmat Akmalovich",
|
||||
role: "Founder",
|
||||
company: "Biscolata",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-handsome-serious-man-leather-jacket-looking-left-holding-hands-chest-confident-whit_1258-110849.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Petrova",
|
||||
role: "CTO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-suit-raising-hands-boxer-pose-going-fight-looking-confident-beckon-attack-st_1258-173593.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Evans",
|
||||
role: "PM",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sardor Rahimxon", role: "Founder", company: "Safo Marva", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg" },
|
||||
{ id: "t2", name: "Odilbek Burhonov", role: "Founder", company: "Sodda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg" },
|
||||
{ id: "t3", name: "Hikmat Akmalovich", role: "Founder", company: "Biscolata", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/profile-handsome-serious-man-leather-jacket-looking-left-holding-hands-chest-confident-whit_1258-110849.jpg" },
|
||||
{ id: "t4", name: "Anna Petrova", role: "CTO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-man-suit-raising-hands-boxer-pose-going-fight-looking-confident-beckon-attack-st_1258-173593.jpg" },
|
||||
{ id: "t5", name: "Mark Evans", role: "PM", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="What industry leaders say about our studio."
|
||||
@@ -340,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Extraordinary Project"
|
||||
description="Ready to build the future? Send us your brief and we'll reach out within 24 hours."
|
||||
@@ -355,21 +170,9 @@ export default function LandingPage() {
|
||||
<FooterCard
|
||||
logoText="LAMA IT Studio"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user