Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "Why Me",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Why Me", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="WebBuild"
|
||||
/>
|
||||
@@ -53,39 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Simple Websites for Small Businesses"
|
||||
description="I build clean, simple websites that help small businesses get more customers."
|
||||
tag="WEB DESIGN AGENCY"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#work",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View My Work", href: "#work" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lmapgd",
|
||||
imageAlt: "website designer laptop",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bxih8",
|
||||
imageAlt: "website designer laptop",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0hf53y&_wi=1",
|
||||
imageAlt: "modern barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2pgta&_wi=1",
|
||||
imageAlt: "modern restaurant interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xget0z&_wi=1",
|
||||
imageAlt: "professional home cleaning services",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lmapgd", imageAlt: "website designer laptop" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bxih8", imageAlt: "website designer laptop" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,60 +71,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Service",
|
||||
name: "Barbershop Website",
|
||||
price: "Modern Design",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0hf53y&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Service",
|
||||
name: "Restaurant Website",
|
||||
price: "Clean Menu Layout",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2pgta&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Service",
|
||||
name: "Cleaning Service",
|
||||
price: "Lead Generation",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xget0z&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Service",
|
||||
name: "Cafe Website",
|
||||
price: "Digital Experience",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ccf012",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Service",
|
||||
name: "Law Firm Site",
|
||||
price: "Professional Trust",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4mb9r3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Service",
|
||||
name: "Boutique Shop",
|
||||
price: "E-Commerce Ready",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9o5mf6",
|
||||
},
|
||||
{ id: "1", brand: "Service", name: "Barbershop Website", price: "Modern Design", rating: 5, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0hf53y" },
|
||||
{ id: "2", brand: "Service", name: "Restaurant Website", price: "Clean Menu Layout", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2pgta" },
|
||||
{ id: "3", brand: "Service", name: "Cleaning Service", price: "Lead Generation", rating: 5, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xget0z" },
|
||||
{ id: "4", brand: "Service", name: "Cafe Website", price: "Digital Experience", rating: 5, reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ccf012" },
|
||||
{ id: "5", brand: "Service", name: "Law Firm Site", price: "Professional Trust", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4mb9r3" },
|
||||
{ id: "6", brand: "Service", name: "Boutique Shop", price: "E-Commerce Ready", rating: 5, reviewCount: "40", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9o5mf6" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Professional web design solutions for every industry."
|
||||
@@ -174,41 +89,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Simple Design",
|
||||
subtitle: "Clean, intuitive interfaces.",
|
||||
category: "Design",
|
||||
value: "✓",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Delivery",
|
||||
subtitle: "Get online in days.",
|
||||
category: "Speed",
|
||||
value: "✓",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "One-time Payment",
|
||||
subtitle: "No hidden subscriptions.",
|
||||
category: "Price",
|
||||
value: "✓",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "User Friendly",
|
||||
subtitle: "Easy for you and clients.",
|
||||
category: "Usability",
|
||||
value: "✓",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Business Focused",
|
||||
subtitle: "Built for local growth.",
|
||||
category: "Growth",
|
||||
value: "✓",
|
||||
},
|
||||
{ id: "f1", title: "Simple Design", subtitle: "Clean, intuitive interfaces.", category: "Design", value: "✓" },
|
||||
{ id: "f2", title: "Fast Delivery", subtitle: "Get online in days.", category: "Speed", value: "✓" },
|
||||
{ id: "f3", title: "One-time Payment", subtitle: "No hidden subscriptions.", category: "Price", value: "✓" },
|
||||
{ id: "f4", title: "User Friendly", subtitle: "Easy for you and clients.", category: "Usability", value: "✓" },
|
||||
{ id: "f5", title: "Business Focused", subtitle: "Built for local growth.", category: "Growth", value: "✓" },
|
||||
]}
|
||||
title="Why Choose Me?"
|
||||
description="I provide high-quality services tailored for your business growth."
|
||||
@@ -222,38 +107,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Popular",
|
||||
price: "$300",
|
||||
subtitle: "For small shops",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Responsive Design",
|
||||
"Basic SEO",
|
||||
"Fast Hosting",
|
||||
],
|
||||
id: "starter", badge: "Popular", price: "$300", subtitle: "For small shops", buttons: [{ text: "Contact Me", href: "#contact" }],
|
||||
features: ["Responsive Design", "Basic SEO", "Fast Hosting"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$500",
|
||||
subtitle: "For growing businesses",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Lead Gen Forms",
|
||||
"Social Integration",
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "$500", subtitle: "For growing businesses", buttons: [{ text: "Contact Me", href: "#contact" }],
|
||||
features: ["Everything in Starter", "Lead Gen Forms", "Social Integration"],
|
||||
},
|
||||
]}
|
||||
title="Pricing"
|
||||
@@ -267,46 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@LocalBiz",
|
||||
testimonial: "Excellent design and fast delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wusk69",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@BarberShop",
|
||||
testimonial: "Got more customers since day one.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gdga3z",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
handle: "@Restaurant",
|
||||
testimonial: "Very professional and easy to work with.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8mp9j",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@Cleaner",
|
||||
testimonial: "Great value, professional results.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2theg5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica",
|
||||
handle: "@Boutique",
|
||||
testimonial: "Highly recommended for local shops.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=epvi85",
|
||||
},
|
||||
{ id: "1", name: "Sarah", handle: "@LocalBiz", testimonial: "Excellent design and fast delivery.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wusk69" },
|
||||
{ id: "2", name: "Mike", handle: "@BarberShop", testimonial: "Got more customers since day one.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gdga3z" },
|
||||
{ id: "3", name: "Elena", handle: "@Restaurant", testimonial: "Very professional and easy to work with.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8mp9j" },
|
||||
{ id: "4", name: "David", handle: "@Cleaner", testimonial: "Great value, professional results.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2theg5" },
|
||||
{ id: "5", name: "Jessica", handle: "@Boutique", testimonial: "Highly recommended for local shops.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=epvi85" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -317,9 +141,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="CONTACT"
|
||||
title="Get Your Website"
|
||||
description="If you want a simple website for your business, contact me today."
|
||||
|
||||
Reference in New Issue
Block a user