Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "/work",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="KJ Web Studio"
|
||||
/>
|
||||
@@ -52,21 +40,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="KJ Web Studio"
|
||||
description="We design modern, high-converting websites for local businesses that want more calls, leads, and clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Website",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "/work",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Request a Website", href: "/contact" }, { text: "View Work", href: "/work" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg"
|
||||
imageAlt="minimalist web agency hero"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -79,30 +56,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24h",
|
||||
title: "Fast Turnaround",
|
||||
items: [
|
||||
"Ready to launch fast",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Mobile-First",
|
||||
items: [
|
||||
"Works on every device",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "High",
|
||||
title: "Conversion",
|
||||
items: [
|
||||
"Optimized for calls",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "24h", title: "Fast Turnaround", items: ["Ready to launch fast"] },
|
||||
{ id: "2", value: "100%", title: "Mobile-First", items: ["Works on every device"] },
|
||||
{ id: "3", value: "High", title: "Conversion", items: ["Optimized for calls"] },
|
||||
]}
|
||||
title="Results-Driven"
|
||||
description="Websites built for real business impact."
|
||||
@@ -115,21 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Website Design",
|
||||
description: "Clean, modern websites built to convert.",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Landing Pages",
|
||||
description: "High-performing pages for specific campaigns.",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Lead Gen",
|
||||
description: "Integrated forms and call systems.",
|
||||
},
|
||||
{ icon: Layout, title: "Website Design", description: "Clean, modern websites built to convert." },
|
||||
{ icon: Smartphone, title: "Landing Pages", description: "High-performing pages for specific campaigns." },
|
||||
{ icon: Mail, title: "Lead Gen", description: "Integrated forms and call systems." },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Everything you need to grow your local business."
|
||||
@@ -143,60 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Contractor",
|
||||
name: "Contractor Web Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Barber",
|
||||
name: "Barber Shop Web Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Resto",
|
||||
name: "Restaurant Web Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Clinic",
|
||||
name: "Clinic Web Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Lawyer",
|
||||
name: "Law Firm Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Gym",
|
||||
name: "Fitness Concept",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Contractor", name: "Contractor Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
|
||||
{ id: "2", brand: "Barber", name: "Barber Shop Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
|
||||
{ id: "3", brand: "Resto", name: "Restaurant Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg" },
|
||||
{ id: "4", brand: "Clinic", name: "Clinic Web Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg" },
|
||||
{ id: "5", brand: "Lawyer", name: "Law Firm Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg" },
|
||||
{ id: "6", brand: "Gym", name: "Fitness Concept", price: "High Impact", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg" },
|
||||
]}
|
||||
title="Recent Work"
|
||||
description="Concepts designed for local growth."
|
||||
@@ -208,44 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Agency"
|
||||
title="We help local businesses dominate their digital presence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Leads",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Design", href: "/services" }, { label: "Leads", href: "/services" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 KJ Web Studio"
|
||||
bottomRightText="kjwebstudio@outlook.com"
|
||||
|
||||
Reference in New Issue
Block a user