306 lines
18 KiB
TypeScript
306 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Code, Crown, Laptop, LifeBuoy, Paintbrush, Smartphone, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
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="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
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/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/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"},
|
|
]}
|
|
avatarText="Trusted by 100+ happy clients."
|
|
buttons={[
|
|
{
|
|
text: "Explore Services", href: "#features"},
|
|
{
|
|
text: "View Portfolio", href: "#products"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Web Development", icon: Laptop,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Mobile Apps", icon: Smartphone,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Source Code", icon: Code,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Custom Solutions", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon", text: "UI/UX Design", icon: Paintbrush,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ongoing Support", icon: LifeBuoy,
|
|
},
|
|
]}
|
|
marqueeSpeed={25}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Albert Dev"
|
|
title="Your Dedicated Partner for Digital Excellence."
|
|
description="We are a passionate team of developers and designers committed to transforming your ideas into powerful digital realities. From conceptualization to deployment, we deliver bespoke software solutions that drive growth and innovation."
|
|
subdescription="With a focus on clean code, cutting-edge technologies, and user-centric design, Albert Dev ensures every project is built to last and exceed expectations. We thrive on challenges and take pride in crafting exceptional digital experiences."
|
|
icon={Code}
|
|
imageSrc="http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901766.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"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"],
|
|
}}
|
|
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."
|
|
tag="Our Expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
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: "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: "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: "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."
|
|
tag="Our Portfolio"
|
|
/>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
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: "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: "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: "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."
|
|
tag="Client Success"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"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"
|
|
speed={30}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="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: "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: "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."
|
|
tag="Your Questions, Answered"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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: "Call Us: +1 (555) 123-4567", href: "tel:+15551234567"},
|
|
]}
|
|
/>
|
|
</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>
|
|
);
|
|
}
|