|
|
|
|
@@ -5,12 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
|
|
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
|
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
|
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
|
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
|
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
|
|
|
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
|
|
|
|
import CardStack from "@/components/cardStack/CardStack";
|
|
|
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
|
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
|
|
|
import { Award, Briefcase, Heart, Github, Instagram, Linkedin, MessageSquare, Sparkles, Target, TrendingUp, Twitter, Users, Zap } from "lucide-react";
|
|
|
|
|
import { Award, Briefcase, CheckCircle, Heart, MessageSquare, Sparkles, Target, TrendingUp, Users, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -30,7 +29,7 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
brandName="AM Agency "
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Work", id: "features" },
|
|
|
|
|
{ name: "Work", id: "portfolio" },
|
|
|
|
|
{ name: "Process", id: "process" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Contact", id: "/contact" }
|
|
|
|
|
@@ -51,11 +50,11 @@ export default function LandingPage() {
|
|
|
|
|
{ value: "98%", label: "Client Satisfaction" }
|
|
|
|
|
]}
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773396641155-y1d3vcet.png"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773399674566-v9gf81uj.png"
|
|
|
|
|
imageAlt="Creative studio workspace and design process"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Explore Our Work", href: "#features" },
|
|
|
|
|
{ text: "Explore Our Work", href: "#portfolio" },
|
|
|
|
|
{ text: "Let's Talk", href: "/contact" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
@@ -72,10 +71,6 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="We transform complex ideas into intuitive, beautiful digital solutions that drive real business results"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Learn Our Story", href: "#" },
|
|
|
|
|
{ text: "View Case Studies", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -92,40 +87,20 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Strategy", title: "Understaing & Strategy", subtitle: "Understanding your vision and market", description: "We dive deep into your business, audience, and competitive landscape. Through collaborative workshops and research, we develop a strategic foundation that guides every decision throughout the project.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-diverse-team-of-strategists-and-consul-1773394805105-b8ebb479.png", imageAlt: "Team collaborating on strategy"
|
|
|
|
|
tag: "Strategy", title: "Understaing & Strategy", subtitle: "Understanding your vision and market", description: "We dive deep into your business, audience, and competitive landscape. Through collaborative workshops and research, we develop a strategic foundation that guides every decision throughout the project.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-diverse-team-of-strategists-and-consul-1773394805105-b8ebb479.png", imageAlt: "Team collaborating on strategy", buttons: [{ text: "Learn More", href: "#" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
tag: "Design", title: "Design & Innovation", subtitle: "Creating beautiful, functional experiences", description: "Our designers craft intuitive interfaces and stunning visuals that captivate users. We blend aesthetics with functionality, ensuring every pixel serves a purpose and enhances the user experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-talented-designer-working-at-a-compute-1773394805987-2f75a2a9.png", imageAlt: "Designer working on digital mockups"
|
|
|
|
|
tag: "Design", title: "Design & Innovation", subtitle: "Creating beautiful, functional experiences", description: "Our designers craft intuitive interfaces and stunning visuals that captivate users. We blend aesthetics with functionality, ensuring every pixel serves a purpose and enhances the user experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-talented-designer-working-at-a-compute-1773394805987-2f75a2a9.png", imageAlt: "Designer working on digital mockups", buttons: [{ text: "See Designs", href: "#" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Development", title: "Development & Optimization", subtitle: "Building performant, scalable solutions", description: "Our developers bring designs to life with clean, efficient code. We prioritize performance, security, and scalability to create robust digital solutions that grow with your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-skilled-developer-coding-on-a-computer-1773394805144-a84dfcb2.png", imageAlt: "Developer coding on computer"
|
|
|
|
|
tag: "Development", title: "Development & Optimization", subtitle: "Building performant, scalable solutions", description: "Our developers bring designs to life with clean, efficient code. We prioritize performance, security, and scalability to create robust digital solutions that grow with your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-skilled-developer-coding-on-a-computer-1773394805144-a84dfcb2.png", imageAlt: "Developer coding on computer", buttons: [{ text: "View Tech Stack", href: "#" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
title="Our Impact by Numbers"
|
|
|
|
|
description="Results that speak for themselves. We measure success by the growth and satisfaction of our clients."
|
|
|
|
|
tag="Success Metrics"
|
|
|
|
|
tagIcon={TrendingUp}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "250", title: "Projects", description: "Successfully delivered across all industries", icon: Briefcase },
|
|
|
|
|
{ id: "2", value: "98", title: "% Satisfaction", description: "Client satisfaction and retention rate", icon: Heart },
|
|
|
|
|
{ id: "3", value: "45M", title: "Users Reached", description: "Combined reach of our digital solutions", icon: Users },
|
|
|
|
|
{ id: "4", value: "15", title: "Years Active", description: "Proven expertise and industry leadership", icon: Award }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
@@ -158,35 +133,62 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardOne
|
|
|
|
|
title="Simple, Transparent Pricing"
|
|
|
|
|
description="Choose the perfect plan for your needs. Flexible pricing that scales with your business."
|
|
|
|
|
tag="Our Plans"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
|
|
|
<CardStack
|
|
|
|
|
title="Some OF Our Work "
|
|
|
|
|
description="Explore our latest and greatest projects showcasing our creative expertise and technical excellence."
|
|
|
|
|
tag="Featured Portfolio"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", badge: "Starter", price: "$2,999", subtitle: "Perfect for new projects", features: [
|
|
|
|
|
"5-page website", "Responsive design", "Basic SEO", "1 round of revisions", "Email support"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
|
|
|
|
price: "$5,999", subtitle: "Best for growing businesses", features: [
|
|
|
|
|
"10-page website", "Advanced responsive design", "Full SEO optimization", "3 rounds of revisions", "Priority email & phone support", "Analytics setup"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", badge: "Enterprise", price: "$12,999+", subtitle: "Custom solutions for enterprises", features: [
|
|
|
|
|
"Unlimited pages", "Custom design", "Advanced optimization", "Unlimited revisions", "24/7 dedicated support", "API integrations", "Performance monitoring"
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
carouselThreshold={5}
|
|
|
|
|
mode="buttons"
|
|
|
|
|
>
|
|
|
|
|
<div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
|
|
|
|
|
<div className="w-full h-48 rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773396641155-y1d3vcet.png"
|
|
|
|
|
alt="Portfolio project 1"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">E-Commerce Platform Redesign</h3>
|
|
|
|
|
<p className="text-sm text-[var(--foreground)] opacity-70">Modern e-commerce platform with enhanced user experience and conversion optimization</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
|
|
|
|
|
<div className="w-full h-48 rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-modern-tech-startup-office-environment-1773394806081-eae1d05c.png"
|
|
|
|
|
alt="Portfolio project 2"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">SaaS Dashboard Design</h3>
|
|
|
|
|
<p className="text-sm text-[var(--foreground)] opacity-70">Intuitive analytics dashboard for enterprise clients with real-time data visualization</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
|
|
|
|
|
<div className="w-full h-48 rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-creative-design-studio-showing-marcus--1773394807427-2a779d06.png"
|
|
|
|
|
alt="Portfolio project 3"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">Brand Identity System</h3>
|
|
|
|
|
<p className="text-sm text-[var(--foreground)] opacity-70">Comprehensive brand identity with design system and digital guidelines</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</CardStack>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
@@ -196,7 +198,7 @@ export default function LandingPage() {
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start a Project", href: "/contact" },
|
|
|
|
|
{ text: "Get Your Free Consultation", href: "/contact" },
|
|
|
|
|
{ text: "Schedule a Call", href: "/contact" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -204,16 +206,10 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="Creative Studio"
|
|
|
|
|
logoText="AM Agency"
|
|
|
|
|
copyrightText="© 2026 AM Agency. All rights reserved."
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/creativestudio", ariaLabel: "LinkedIn" },
|
|
|
|
|
{ icon: Twitter, href: "https://twitter.com/creativestudio", ariaLabel: "Twitter" },
|
|
|
|
|
{ icon: Instagram, href: "https://instagram.com/creativestudio", ariaLabel: "Instagram" },
|
|
|
|
|
{ icon: Github, href: "https://github.com/creativestudio", ariaLabel: "GitHub" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
