Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 525046c672 | |||
| ae7d9ef794 | |||
| 12dfbb0fce | |||
| cc9a17a5cd | |||
| 262c34a17b |
112
src/app/about/page.tsx
Normal file
112
src/app/about/page.tsx
Normal file
@@ -0,0 +1,112 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import { Code, Users, Award } from "lucide-react";
|
||||
|
||||
// Define common navigation items and footer columns for consistency across pages
|
||||
const APP_NAV_ITEMS = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/#features" },
|
||||
{ name: "Portfolio", id: "/#products" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const APP_FOOTER_COLUMNS = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "/#features" },
|
||||
{ label: "Mobile Apps", href: "/#features" },
|
||||
{ label: "Source Code", href: "/#products" },
|
||||
{ label: "UI/UX Design", href: "/#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Portfolio", href: "/#products" },
|
||||
{ label: "Pricing", href: "/#pricing" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/albertdev" },
|
||||
{ label: "Twitter", href: "https://twitter.com/albertdev" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={APP_NAV_ITEMS}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
brandName="Albert Dev"
|
||||
bottomLeftText="Your Digital Partner"
|
||||
bottomRightText="hello@albertdev.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Crafting Digital Futures with Passion and Precision."
|
||||
description="Albert Dev was founded on the principle of transforming complex ideas into elegant, high-performance software. We believe in building lasting relationships through transparent processes and exceptional results."
|
||||
subdescription="Our team comprises seasoned developers, innovative designers, and strategic thinkers, all dedicated to pushing the boundaries of what's possible in web and mobile development. We are more than just coders; we are your partners in innovation."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901766.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Driving Success with Measurable Impact."
|
||||
metrics={[
|
||||
{ icon: Code, label: "Projects Completed", value: "200+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "150+" },
|
||||
{ icon: Award, label: "Years in Business", value: "5+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
logoText="Albert Dev"
|
||||
columns={APP_FOOTER_COLUMNS}
|
||||
copyrightText="© 2024 Albert Dev. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
123
src/app/contact/page.tsx
Normal file
123
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,123 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import { MessageSquare, Sparkles } from "lucide-react";
|
||||
|
||||
// Define common navigation items and footer columns for consistency across pages
|
||||
const APP_NAV_ITEMS = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" }, { name: "Services", id: "/#features" },
|
||||
{ name: "Portfolio", id: "/#products" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const APP_FOOTER_COLUMNS = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "/#features" },
|
||||
{ label: "Mobile Apps", href: "/#features" },
|
||||
{ label: "Source Code", href: "/#products" },
|
||||
{ label: "UI/UX Design", href: "/#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Portfolio", href: "/#products" },
|
||||
{ label: "Pricing", href: "/#pricing" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/albertdev" },
|
||||
{ label: "Twitter", href: "https://twitter.com/albertdev" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={APP_NAV_ITEMS}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
brandName="Albert Dev"
|
||||
bottomLeftText="Your Digital Partner"
|
||||
bottomRightText="hello@albertdev.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Something Amazing Together."
|
||||
description="Have a project in mind, a question about our services, or just want to say hello? Reach out to us using the form below, and we'll get back to you promptly."
|
||||
tagIcon={MessageSquare}
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-image-successful-project-manager_171337-12497.jpg"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
|
||||
onSubmit={(email) => console.log("Contact form submitted with email:", email)} // Placeholder
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "What types of projects does Albert Dev specialize in?", content: "Albert Dev specializes in custom web application development, mobile app development (iOS/Android), and providing high-quality source code solutions. We cater to businesses seeking innovative, scalable, and user-centric digital products."},
|
||||
{
|
||||
id: "faq2", title: "What is your development process like?", content: "Our process typically involves discovery and planning, UI/UX design, agile development sprints, rigorous testing, deployment, and ongoing support. We ensure transparency and collaboration at every stage."},
|
||||
{
|
||||
id: "faq3", title: "Do you offer post-launch support and maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes bug fixes, performance monitoring, security updates, and feature enhancements to ensure your application remains optimal."},
|
||||
{
|
||||
id: "faq4", title: "How can I get a quote for my project?", content: "To get a detailed quote, please fill out our contact form or email us directly with a brief description of your project requirements. We'll schedule a discovery call to understand your needs better."},
|
||||
]}
|
||||
title="Still Have Questions?"
|
||||
description="Check out our frequently asked questions, or feel free to reach out to us directly for more personalized assistance."
|
||||
tag="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
logoText="Albert Dev"
|
||||
columns={APP_FOOTER_COLUMNS}
|
||||
copyrightText="© 2024 Albert Dev. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
382
src/app/page.tsx
382
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
@@ -34,33 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Portfolio", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Blog & Resources", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
@@ -73,74 +61,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Build Your Vision. Code Your Success. Deliver Innovation."
|
||||
description="Albert Dev is your partner for high-quality software development, custom web and mobile apps, and robust source code solutions. Let's create something extraordinary together."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-88821.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/office-administrator-exploring-collaborations-opportunities_482257-88821.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg",
|
||||
alt: "Laura Parker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg", alt: "Laura Parker"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ happy clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Services", href: "#features"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Portfolio", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Web Development",
|
||||
icon: Laptop,
|
||||
type: "text-icon", text: "Web Development", icon: Laptop,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mobile Apps",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Mobile Apps", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Source Code",
|
||||
icon: Code,
|
||||
type: "text-icon", text: "Source Code", icon: Code,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Custom Solutions",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Custom Solutions", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "UI/UX Design",
|
||||
icon: Paintbrush,
|
||||
type: "text-icon", text: "UI/UX Design", icon: Paintbrush,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ongoing Support",
|
||||
icon: LifeBuoy,
|
||||
type: "text-icon", text: "Ongoing Support", icon: LifeBuoy,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={25}
|
||||
@@ -168,23 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Outdated Technologies",
|
||||
"Slow Performance",
|
||||
"Poor User Experience",
|
||||
"Insecure Codebases",
|
||||
"Lack of Scalability",
|
||||
"Generic Solutions",
|
||||
],
|
||||
"Outdated Technologies", "Slow Performance", "Poor User Experience", "Insecure Codebases", "Lack of Scalability", "Generic Solutions"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Modern Frameworks",
|
||||
"Optimized Performance",
|
||||
"Intuitive UI/UX",
|
||||
"Robust Security",
|
||||
"Scalable Architecture",
|
||||
"Custom-Tailored Solutions",
|
||||
],
|
||||
"Modern Frameworks", "Optimized Performance", "Intuitive UI/UX", "Robust Security", "Scalable Architecture", "Custom-Tailored Solutions"],
|
||||
}}
|
||||
title="Comprehensive Services for Your Digital Growth."
|
||||
description="We offer a full spectrum of development services tailored to your specific needs, ensuring high performance, scalability, and an exceptional user experience."
|
||||
@@ -200,59 +149,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Albert Dev",
|
||||
name: "Dev Portal Starter Kit",
|
||||
price: "$599",
|
||||
rating: 5,
|
||||
reviewCount: "25 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg",
|
||||
},
|
||||
id: "p1", brand: "Albert Dev", name: "Dev Portal Starter Kit", price: "$599", rating: 5,
|
||||
reviewCount: "25 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Albert Dev",
|
||||
name: "Modern E-commerce Platform",
|
||||
price: "$1299",
|
||||
rating: 5,
|
||||
reviewCount: "42 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-peace-sign-orange-shopping-bag-smiling-pleased-standing-turquoise-b_1258-180669.jpg",
|
||||
},
|
||||
id: "p2", brand: "Albert Dev", name: "Modern E-commerce Platform", price: "$1299", rating: 5,
|
||||
reviewCount: "42 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-peace-sign-orange-shopping-bag-smiling-pleased-standing-turquoise-b_1258-180669.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Albert Dev",
|
||||
name: "SaaS Analytics Dashboard",
|
||||
price: "$899",
|
||||
rating: 4,
|
||||
reviewCount: "18 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-meeting-sharing-ideas-corporate-growth_482257-123661.jpg",
|
||||
},
|
||||
id: "p3", brand: "Albert Dev", name: "SaaS Analytics Dashboard", price: "$899", rating: 4,
|
||||
reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-meeting-sharing-ideas-corporate-growth_482257-123661.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Albert Dev",
|
||||
name: "Cross-Platform Mobile App",
|
||||
price: "$999",
|
||||
rating: 5,
|
||||
reviewCount: "30 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg",
|
||||
},
|
||||
id: "p4", brand: "Albert Dev", name: "Cross-Platform Mobile App", price: "$999", rating: 5,
|
||||
reviewCount: "30 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Albert Dev",
|
||||
name: "Advanced Blog CMS",
|
||||
price: "$449",
|
||||
rating: 4,
|
||||
reviewCount: "12 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-business-concept-with-wooden-blocks-keyboard-glasses-pen-white-background-flat-lay_176474-7864.jpg",
|
||||
},
|
||||
id: "p5", brand: "Albert Dev", name: "Advanced Blog CMS", price: "$449", rating: 4,
|
||||
reviewCount: "12 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/social-media-business-concept-with-wooden-blocks-keyboard-glasses-pen-white-background-flat-lay_176474-7864.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Albert Dev",
|
||||
name: "Online Booking System",
|
||||
price: "$749",
|
||||
rating: 5,
|
||||
reviewCount: "20 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133697.jpg",
|
||||
},
|
||||
id: "p6", brand: "Albert Dev", name: "Online Booking System", price: "$749", rating: 5,
|
||||
reviewCount: "20 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133697.jpg"},
|
||||
]}
|
||||
title="Showcasing Our Cutting-Edge Work & Source Code."
|
||||
description="Explore a selection of our premium source code products and custom application development projects. Each project reflects our commitment to innovation and quality."
|
||||
@@ -260,58 +173,7 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$2999",
|
||||
subtitle: "Ideal for small projects and prototypes",
|
||||
features: [
|
||||
"Basic Web App (up to 5 pages)",
|
||||
"Responsive Design",
|
||||
"Standard Backend Integration",
|
||||
"1-Month Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$7999",
|
||||
subtitle: "Perfect for growing businesses and complex apps",
|
||||
features: [
|
||||
"Custom Web/Mobile App",
|
||||
"Advanced UI/UX Design",
|
||||
"Database Integration",
|
||||
"3-Month Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Tailored for large-scale solutions and ongoing partnerships",
|
||||
features: [
|
||||
"Full-Stack Development",
|
||||
"Dedicated Project Manager",
|
||||
"Scalable Architecture",
|
||||
"Ongoing Maintenance & Support",
|
||||
"Source Code Licensing",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Every Project Scale."
|
||||
description="Whether you need custom development or robust source code, our transparent pricing ensures you get the best value without compromise. Choose the plan that fits your vision."
|
||||
tag="Transparent Pricing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
@@ -319,65 +181,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "May 2024",
|
||||
title: "Exceptional Web Development!",
|
||||
quote: "Albert Dev transformed our outdated website into a modern, high-performing platform. Their attention to detail and proactive communication were outstanding. Highly recommended!",
|
||||
tag: "Web Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-terrazzo-tile-texture_23-2151966109.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "May 2024", title: "Exceptional Web Development!", quote: "Albert Dev transformed our outdated website into a modern, high-performing platform. Their attention to detail and proactive communication were outstanding. Highly recommended!", tag: "Web Development", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-terrazzo-tile-texture_23-2151966109.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "April 2024",
|
||||
title: "Innovative Mobile App Solution.",
|
||||
quote: "We partnered with Albert Dev to build our new mobile application, and the results exceeded all expectations. Their expertise in UX/UI made our app a joy to use.",
|
||||
tag: "Mobile App",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-handsome-business-leader_1262-4828.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-watercolor-background-with-abstract-design_23-2147923489.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "April 2024", title: "Innovative Mobile App Solution.", quote: "We partnered with Albert Dev to build our new mobile application, and the results exceeded all expectations. Their expertise in UX/UI made our app a joy to use.", tag: "Mobile App", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-handsome-business-leader_1262-4828.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-watercolor-background-with-abstract-design_23-2147923489.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "March 2024",
|
||||
title: "Seamless Source Code Integration.",
|
||||
quote: "The source code we purchased from Albert Dev was well-documented and integrated perfectly into our existing systems. Their support team was incredibly helpful throughout the process.",
|
||||
tag: "Source Code",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-lines_1048-5570.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "March 2024", title: "Seamless Source Code Integration.", quote: "The source code we purchased from Albert Dev was well-documented and integrated perfectly into our existing systems. Their support team was incredibly helpful throughout the process.", tag: "Source Code", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-lines_1048-5570.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "February 2024",
|
||||
title: "True Partnership in Software Development.",
|
||||
quote: "Albert Dev didn't just build our software; they became an extension of our team. Their collaborative approach and commitment to our vision were invaluable.",
|
||||
tag: "Custom Software",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "February 2024", title: "True Partnership in Software Development.", quote: "Albert Dev didn't just build our software; they became an extension of our team. Their collaborative approach and commitment to our vision were invaluable.", tag: "Custom Software", avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "January 2024",
|
||||
title: "Outstanding Design and Functionality.",
|
||||
quote: "The team at Albert Dev delivered a stunning website with flawless functionality. Their design aesthetic is modern and fresh, perfectly capturing our brand.",
|
||||
tag: "UI/UX Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-flowing-red-black-lines-white-background_1194-640252.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", date: "January 2024", title: "Outstanding Design and Functionality.", quote: "The team at Albert Dev delivered a stunning website with flawless functionality. Their design aesthetic is modern and fresh, perfectly capturing our brand.", tag: "UI/UX Design", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-flowing-red-black-lines-white-background_1194-640252.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Davis",
|
||||
date: "December 2023",
|
||||
title: "Reliable Support and Expertise.",
|
||||
quote: "Beyond development, Albert Dev provides excellent ongoing support. Their technical expertise and quick responses make them a trusted partner for all our digital needs.",
|
||||
tag: "Ongoing Support",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-father-posing-with-arms-crossed_23-2148414861.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-cracked-glass-texture_53876-126617.jpg",
|
||||
},
|
||||
id: "6", name: "Robert Davis", date: "December 2023", title: "Reliable Support and Expertise.", quote: "Beyond development, Albert Dev provides excellent ongoing support. Their technical expertise and quick responses make them a trusted partner for all our digital needs.", tag: "Ongoing Support", avatarSrc: "http://img.b2bpic.net/free-photo/serious-father-posing-with-arms-crossed_23-2148414861.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-cracked-glass-texture_53876-126617.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say About Albert Dev."
|
||||
description="We are proud of the strong relationships we build and the success stories we create with our partners. Hear directly from those who trust us with their digital vision."
|
||||
@@ -390,15 +204,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tech Innovators",
|
||||
"Global Enterprises",
|
||||
"Startup Ventures",
|
||||
"Digital Agencies",
|
||||
"E-commerce Brands",
|
||||
"Healthcare Solutions",
|
||||
"Financial Tech",
|
||||
"Educational Platforms",
|
||||
]}
|
||||
"Tech Innovators", "Global Enterprises", "Startup Ventures", "Digital Agencies", "E-commerce Brands", "Healthcare Solutions", "Financial Tech", "Educational Platforms"]}
|
||||
title="Partnering with Industry Leaders."
|
||||
description="Our commitment to excellence has earned us the trust of renowned businesses across various sectors. Join a growing list of successful collaborations."
|
||||
tag="Trusted By"
|
||||
@@ -413,35 +219,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of projects does Albert Dev specialize in?",
|
||||
content: "Albert Dev specializes in custom web application development, mobile app development (iOS/Android), and providing high-quality source code solutions. We cater to businesses seeking innovative, scalable, and user-centric digital products.",
|
||||
},
|
||||
id: "faq1", title: "What types of projects does Albert Dev specialize in?", content: "Albert Dev specializes in custom web application development, mobile app development (iOS/Android), and providing high-quality source code solutions. We cater to businesses seeking innovative, scalable, and user-centric digital products."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is your development process like?",
|
||||
content: "Our process typically involves discovery and planning, UI/UX design, agile development sprints, rigorous testing, deployment, and ongoing support. We ensure transparency and collaboration at every stage.",
|
||||
},
|
||||
id: "faq2", title: "What is your development process like?", content: "Our process typically involves discovery and planning, UI/UX design, agile development sprints, rigorous testing, deployment, and ongoing support. We ensure transparency and collaboration at every stage."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer post-launch support and maintenance?",
|
||||
content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes bug fixes, performance monitoring, security updates, and feature enhancements to ensure your application remains optimal.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer post-launch support and maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes bug fixes, performance monitoring, security updates, and feature enhancements to ensure your application remains optimal."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Can I purchase source code for my project?",
|
||||
content: "Absolutely. We offer a curated selection of reusable source code components and full project templates. Additionally, for custom projects, you can acquire the full source code license based on your chosen plan.",
|
||||
},
|
||||
id: "faq4", title: "Can I purchase source code for my project?", content: "Absolutely. We offer a curated selection of reusable source code components and full project templates. Additionally, for custom projects, you can acquire the full source code license based on your chosen plan."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Project timelines vary significantly based on complexity, features, and client feedback. A basic web application might take 4-8 weeks, while a complex mobile app could take 4-6 months or more. We provide detailed estimates after our initial discovery phase.",
|
||||
},
|
||||
id: "faq5", title: "How long does a typical project take?", content: "Project timelines vary significantly based on complexity, features, and client feedback. A basic web application might take 4-8 weeks, while a complex mobile app could take 4-6 months or more. We provide detailed estimates after our initial discovery phase."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "What technologies do you primarily work with?",
|
||||
content: "We leverage a wide range of modern technologies including React, Next.js, Node.js, Python, TypeScript, various cloud platforms (AWS, Azure, GCP), and mobile frameworks like React Native and Flutter. We always choose the best tech stack for your specific needs.",
|
||||
},
|
||||
id: "faq6", title: "What technologies do you primarily work with?", content: "We leverage a wide range of modern technologies including React, Next.js, Node.js, Python, TypeScript, various cloud platforms (AWS, Azure, GCP), and mobile frameworks like React Native and Flutter. We always choose the best tech stack for your specific needs."},
|
||||
]}
|
||||
title="Frequently Asked Questions."
|
||||
description="Find quick answers to common inquiries about our services, processes, and partnership model. If you don't find what you're looking for, feel free to contact us directly."
|
||||
@@ -454,18 +242,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
text="Ready to bring your next big idea to life?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Project",
|
||||
href: "mailto:hello@albertdev.com",
|
||||
},
|
||||
text: "Start a Project", href: "mailto:hello@albertdev.com"},
|
||||
{
|
||||
text: "Call Us: +1 (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us: +1 (555) 123-4567", href: "tel:+15551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -477,62 +260,39 @@ export default function LandingPage() {
|
||||
logoText="Albert Dev"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Web Development", href: "#features"},
|
||||
{
|
||||
label: "Mobile Apps",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Mobile Apps", href: "#features"},
|
||||
{
|
||||
label: "Source Code",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Source Code", href: "#products"},
|
||||
{
|
||||
label: "UI/UX Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "UI/UX Design", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "/pricing"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Blog & Resources", href: "/blog"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/albertdev",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/albertdev"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/albertdev",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/albertdev"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
133
src/app/pricing/page.tsx
Normal file
133
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,133 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import { Code, Crown, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/#hero"},
|
||||
{
|
||||
name: "About", id: "/#about"},
|
||||
{
|
||||
name: "Services", id: "/#features"},
|
||||
{
|
||||
name: "Portfolio", id: "/#products"},
|
||||
{
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "Blog & Resources", id: "/blog"},
|
||||
{
|
||||
name: "Testimonials", id: "/#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "/#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
brandName="Albert Dev"
|
||||
bottomLeftText="Your Digital Partner"
|
||||
bottomRightText="hello@albertdev.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Plans for Source Code & App Development."
|
||||
description="Choose the perfect tier for your project, from ready-made source code products to full-scale custom application development services. Get transparent pricing and robust features."
|
||||
tag="Our Pricing"
|
||||
plans={[
|
||||
{
|
||||
id: "source-code-starter", title: "Source Code Starter", price: "$499", period: "one-time", imageSrc: "http://img.b2bpic.net/free-photo/coding-software-developer-workplace-concept_53876-117564.jpg", features: [
|
||||
"Access to 1 Premium Source Code Product", "Basic Documentation", "Community Support", "Lifetime Usage License"],
|
||||
button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
},
|
||||
{
|
||||
id: "app-dev-standard", title: "App Dev Standard", price: "$4,999", period: "per project", imageSrc: "http://img.b2bpic.net/free-photo/programmer-working-developing-software-websites-mobile-apps-technologies_1077-4089.jpg", features: [
|
||||
"Custom Web Application (Up to 10 pages)", "Responsive UI/UX Design", "Standard Backend Integration", "2 Months Post-Launch Support", "Partial Source Code Access"],
|
||||
button: {
|
||||
text: "Request Quote", href: "#contact"},
|
||||
},
|
||||
{
|
||||
id: "enterprise-suite", title: "Enterprise Suite", price: "Custom", period: "per project", imageSrc: "http://img.b2bpic.net/free-photo/diverse-businesspeople-meeting-modern-office_23-2149578644.jpg", features: [
|
||||
"Full-Stack Custom Application (Web & Mobile)", "Advanced Scalability & Security", "Dedicated Project Manager", "Ongoing Maintenance & Priority Support", "Full Source Code Ownership"],
|
||||
button: {
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13076.jpg"
|
||||
logoAlt="Albert Dev logo"
|
||||
logoText="Albert Dev"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Development", href: "/#features"},
|
||||
{
|
||||
label: "Mobile Apps", href: "/#features"},
|
||||
{
|
||||
label: "Source Code", href: "/#products"},
|
||||
{
|
||||
label: "UI/UX Design", href: "/#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Portfolio", href: "/#products"},
|
||||
{
|
||||
label: "Pricing", href: "/pricing"},
|
||||
{
|
||||
label: "Blog & Resources", href: "/blog"},
|
||||
{
|
||||
label: "Testimonials", href: "/#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact", href: "/#contact"},
|
||||
{
|
||||
label: "LinkedIn", href: "https://linkedin.com/albertdev"},
|
||||
{
|
||||
label: "Twitter", href: "https://twitter.com/albertdev"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Albert Dev. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user