Merge version_2 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -8,9 +8,10 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { MessageCircle } from "lucide-react";
|
||||
import { MessageCircle, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Pricing", id: "#pricing" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="CodeForBusinesses"
|
||||
/>
|
||||
@@ -54,156 +44,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="CodeForBusinesses"
|
||||
description="We build high-performance websites for restaurants and local businesses that turn visitors into loyal customers. Let's elevate your brand online."
|
||||
description="Professional, high-performance websites for restaurants and local businesses. We turn visitors into loyal customers at an affordable, transparent rate."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Pricing", href: "#pricing" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-high-end-modern-digital-agency-workspa-1774876604937-ee2ed210.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Agency Performance"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Websites Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Restaurant Platforms",
|
||||
description: "Integrated online ordering, table reservations, and automated menu management for busy eateries.",
|
||||
tag: "Digital Menus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-crisp-modern-icon-representation-of-a--1774876603109-669ac8dd.png",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "SMB Business Sites",
|
||||
description: "Professional, SEO-optimized business websites that establish trust and drive customer acquisition.",
|
||||
tag: "Brand Growth",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-modern-interface-icon-showing-e-commer-1774876603750-62189dc5.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "E-Commerce Stores",
|
||||
description: "Beautiful, high-conversion online stores that make shopping simple for your local customer base.",
|
||||
tag: "Fast Sales",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-clean-modern-mobile-responsive-design--1774876605011-0bcc972d.png",
|
||||
},
|
||||
{ id: "f1", title: "Custom Website", description: "High-converting, responsive websites tailored to your brand identity.", tag: "Quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-crisp-modern-icon-representation-of-a--1774876603109-669ac8dd.png" },
|
||||
{ id: "f2", title: "Full Hosting", description: "Reliable, secure hosting with ongoing maintenance and performance monitoring.", tag: "Managed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-modern-interface-icon-showing-e-commer-1774876603750-62189dc5.png" },
|
||||
{ id: "f3", title: "Support", description: "Direct access to our team for updates, changes, and technical assistance.", tag: "Trusted", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/a-clean-modern-mobile-responsive-design--1774876605011-0bcc972d.png" },
|
||||
]}
|
||||
title="Tailored Solutions"
|
||||
description="Digital tools built to scale, serve, and satisfy your specific business requirements."
|
||||
title="Our Services"
|
||||
description="We provide everything you need to establish and maintain a professional online presence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
useInvertedBackground={true}
|
||||
title="Simple & Transparent Pricing"
|
||||
description="No hidden costs. Just professional development and reliable hosting."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mama's Bistro",
|
||||
price: "Restaurant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/high-fidelity-screen-capture-of-a-high-e-1774876605526-5d0ed407.png",
|
||||
id: "build", tag: "One-time", tagIcon: CheckCircle,
|
||||
price: "150€", period: "flat rate", description: "Full website design and development, optimized for your business.", featuresTitle: "Includes", features: ["Custom Design", "Mobile Responsive", "SEO Optimized", "Contact Forms"],
|
||||
button: { text: "Get Started", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Elite Consulting",
|
||||
price: "Business",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/modern-business-website-for-local-servic-1774876622940-812dde4b.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sweet Tooth Bakery",
|
||||
price: "E-Commerce",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfOGojXIj5PITn4Ez4dci2fEZ7/e-commerce-store-design-for-a-local-bake-1774876611335-f421201e.png",
|
||||
},
|
||||
id: "hosting", tag: "Monthly", tagIcon: CheckCircle,
|
||||
price: "15€ - 25€", period: "per month", description: "Secure hosting, maintenance, and technical support.", featuresTitle: "Includes", features: ["SSL Certificates", "99.9% Uptime", "Backups", "Direct Support"],
|
||||
button: { text: "Learn More", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
title="Portfolio Highlights"
|
||||
description="A glimpse into our recent work helping local businesses grow their footprint online."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Owner, Mama's Bistro",
|
||||
testimonial: "CodeForBusinesses transformed our online presence and doubled our reservations in two months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Sterling",
|
||||
role: "CEO, Elite Consulting",
|
||||
testimonial: "Professional, fast, and results-driven. They clearly understand the modern business landscape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Owner, Sweet Tooth",
|
||||
testimonial: "Our new website looks incredible, and the sales tools have revolutionized our bakery's online operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Zhou",
|
||||
role: "Restaurant Group Manager",
|
||||
testimonial: "Consistent, high-quality development. They make web tech simple and effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James L.",
|
||||
role: "Local Retailer",
|
||||
testimonial: "They turned our outdated site into a modern, sales-focused machine. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Owners"
|
||||
description="Don't take our word for it—hear from the business leaders we've helped succeed."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,28 +96,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a build take?",
|
||||
content: "Most standard business sites are launched within 3-4 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide hosting?",
|
||||
content: "Yes, we handle all hosting and maintenance so you can focus on your business.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you integrate payments?",
|
||||
content: "Absolutely, we support all major payment providers for both restaurants and e-commerce.",
|
||||
},
|
||||
{ id: "q1", title: "What is your email?", content: "You can reach me directly at KpsLoading@proton.me" },
|
||||
{ id: "q2", title: "What about hosting?", content: "Hosting is billed monthly at 15-25 euros, covering security and uptime." },
|
||||
{ id: "q3", title: "Is the 150 price final?", content: "Yes, the 150 euro rate is a flat fee for the complete development of your site." },
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Let's discuss how we can build your digital future. We offer free initial consultations for all new clients."
|
||||
ctaTitle="Ready to build your site?"
|
||||
ctaDescription="Send me an email at KpsLoading@proton.me or get in touch below to discuss your project."
|
||||
ctaButton={{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Email Me Directly", href: "mailto:KpsLoading@proton.me"}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,17 +111,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="CodeForBusinesses"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user