281 lines
9.7 KiB
TypeScript
281 lines
9.7 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLarge"
|
||
background="none"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Work",
|
||
id: "portfolio",
|
||
},
|
||
{
|
||
name: "Pricing",
|
||
id: "pricing",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Designer Pro"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Custom Website in 24 Hours – Only $1000"
|
||
description="Professional websites for US cafes, restaurants, dentists, plumbers, roofers and small businesses. Delivered in 24 hours, own your code 100%."
|
||
buttons={[
|
||
{
|
||
text: "Get My Website Now",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png?_wi=1",
|
||
imageAlt: "Designer Portfolio Showcase",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="I build fast, beautiful and premium websites for busy US business owners"
|
||
description="No endless meetings. No monthly hidden fees. Just a high-performing, custom-coded asset delivered directly to you in 24 hours. Client will purchase and connect their own domain."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-minimalist-high-tech-dashbo-1774600187018-9fe61573.png?_wi=2"
|
||
/>
|
||
</div>
|
||
|
||
<div id="portfolio" data-section="portfolio">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Modern Cafe Website",
|
||
price: "Delivered in 24h",
|
||
rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/beautiful-modern-website-landing-page-fo-1774600187243-668efbf7.png",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Dentist Clinic Portal",
|
||
price: "Delivered in 24h",
|
||
rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/professional-clean-website-landing-page--1774600188245-9ccd6716.png",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Plumbing Contractor Site",
|
||
price: "Delivered in 24h",
|
||
rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/bold-professional-website-landing-page-f-1774600189678-216c4650.png",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Local Gym Landing",
|
||
price: "Delivered in 24h",
|
||
rating: 5,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/high-energy-fitness-gym-website-landing--1774600192067-cf98fcbd.jpg",
|
||
},
|
||
]}
|
||
title="Recent Work"
|
||
description="Premium sites built in under 1 hour of dev time, delivered in 24."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "full-package",
|
||
badge: "Premium",
|
||
price: "$1,000",
|
||
subtitle: "Complete custom website",
|
||
features: [
|
||
"Custom code base",
|
||
"Delivered in 24 hours",
|
||
"Mobile responsive",
|
||
"100% client ownership",
|
||
"Full ZIP file provided",
|
||
"No recurring costs",
|
||
],
|
||
buttons: [
|
||
{
|
||
text: "Book Now",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
title="One-Time Package"
|
||
description="No monthly fees, 100% ownership."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "John D.",
|
||
role: "Restaurant Owner",
|
||
testimonial: "Incredible speed! My site was ready the next morning. Stunning quality.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png?_wi=1",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Sarah P.",
|
||
role: "Dentist",
|
||
testimonial: "Professional, clean, and fast. Everything I needed for my practice.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png?_wi=1",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Mike R.",
|
||
role: "Plumber",
|
||
testimonial: "No monthly fees is a game changer. Worth every penny.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png?_wi=1",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Lisa K.",
|
||
role: "Gym Manager",
|
||
testimonial: "Best investment for my local gym. Super fast loading speed.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png?_wi=1",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "David L.",
|
||
role: "Cafe Owner",
|
||
testimonial: "Classy look, exactly what I envisioned.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-confident-small-business-o-1774600187153-40ed9659.png?_wi=2",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Anna S.",
|
||
role: "Owner",
|
||
testimonial: "I own everything 100%. Very transparent process.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-dentist-in-a-clinic-enviro-1774600186855-da502d2e.png?_wi=2",
|
||
},
|
||
{
|
||
id: "7",
|
||
name: "Tom H.",
|
||
role: "Small Business",
|
||
testimonial: "Professional communication and high quality code.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-friendly-plumber-professio-1774600188611-4ef9fab9.png?_wi=2",
|
||
},
|
||
{
|
||
id: "8",
|
||
name: "Elena M.",
|
||
role: "Salon Owner",
|
||
testimonial: "Extremely modern website. Thank you!",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLtN3GvweibuOMTq4udfQngHQ/portrait-of-a-local-gym-owner-fitness-at-1774600188372-f8d1f46d.png?_wi=2",
|
||
},
|
||
]}
|
||
title="Client Success"
|
||
description="Join dozens of satisfied business owners."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Book Your Slot"
|
||
title="Ready to launch?"
|
||
description="Email me at anmolwebdesigner@gmail.com or book a discovery call via Calendly."
|
||
buttons={[
|
||
{
|
||
text: "Book My Call",
|
||
href: "https://calendly.com",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Designer Pro"
|
||
columns={[
|
||
{
|
||
title: "Links",
|
||
items: [
|
||
{
|
||
label: "Hero",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Portfolio",
|
||
href: "#portfolio",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "Email",
|
||
href: "mailto:anmolwebdesigner@gmail.com",
|
||
},
|
||
{
|
||
label: "Book Now",
|
||
href: "https://calendly.com",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 | Professional Web Designer"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|