Merge version_1 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#portfolio" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sites by Steve"
|
||||
/>
|
||||
@@ -52,67 +40,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Modern Websites for Local Businesses"
|
||||
description="I help businesses create clean, mobile-friendly websites that improve their online presence and attract more customers."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View My Work", href: "#portfolio" },
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-financial-growth-report-typing-company-strategy-computer-keyboard-executive-manager-working-late-night-marketing-project-startup-office-close-up_482257-74982.jpg",
|
||||
alt: "Businesswoman analyzing financial growth report",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/variety-items-white-table_482257-103657.jpg",
|
||||
alt: "Variety of items on white table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg",
|
||||
alt: "Contemporary home office setup",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170775.jpg",
|
||||
alt: "Medium shot woman working late",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg",
|
||||
alt: "Minimalist office setup",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-financial-growth-report-typing-company-strategy-computer-keyboard-executive-manager-working-late-night-marketing-project-startup-office-close-up_482257-74982.jpg", alt: "Businesswoman analyzing financial growth report" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/variety-items-white-table_482257-103657.jpg", alt: "Variety of items on white table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg", alt: "Contemporary home office setup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170775.jpg", alt: "Medium shot woman working late" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg", alt: "Minimalist office setup" },
|
||||
]}
|
||||
avatarText="Trusted by local entrepreneurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsive Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
{ type: "text", text: "Responsive Design" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Fast Performance" },
|
||||
{ type: "text", text: "Client Focused" },
|
||||
{ type: "text", text: "Modern Aesthetic" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,42 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Gym Website",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163343.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "MMA Gym Website",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-flag-handsome-young-muscular-man-black-background_559531-10948.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Personal Trainer Site",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21377.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yoga Studio Demo",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21376.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Crossfit Site Redesign",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165180.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Recovery Clinic Web",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891763.jpg",
|
||||
},
|
||||
{ id: "1", name: "Modern Gym Website", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163343.jpg" },
|
||||
{ id: "2", name: "MMA Gym Website", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/south-korea-flag-handsome-young-muscular-man-black-background_559531-10948.jpg" },
|
||||
{ id: "3", name: "Personal Trainer Site", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21377.jpg" },
|
||||
{ id: "4", name: "Yoga Studio Demo", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21376.jpg" },
|
||||
{ id: "5", name: "Crossfit Site Redesign", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165180.jpg" },
|
||||
{ id: "6", name: "Recovery Clinic Web", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891763.jpg" },
|
||||
]}
|
||||
title="My Portfolio"
|
||||
description="Showcasing modern web designs for the fitness industry."
|
||||
@@ -168,25 +88,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Cluttered Layouts",
|
||||
"No Slow Loading Pages",
|
||||
"No Generic Templates",
|
||||
"No Hidden Fees",
|
||||
"No Bloated Code",
|
||||
],
|
||||
"No Cluttered Layouts", "No Slow Loading Pages", "No Generic Templates", "No Hidden Fees", "No Bloated Code"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Website Design",
|
||||
"Mobile Optimization",
|
||||
"Booking Integration",
|
||||
"SEO Setup",
|
||||
"Website Maintenance",
|
||||
],
|
||||
"Website Design", "Mobile Optimization", "Booking Integration", "SEO Setup", "Website Maintenance"],
|
||||
}}
|
||||
title="Professional Services"
|
||||
description="Modern web design solutions to help your business grow."
|
||||
@@ -198,10 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="I'm Sites by Steve, a freelance web designer helping fitness brands and local businesses elevate their digital presence with clean, high-performance websites."
|
||||
buttons={[
|
||||
{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Let's Talk", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -212,46 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
handle: "Owner, Apex Gym",
|
||||
testimonial: "Steve transformed our online visibility. Our sign-ups doubled in just three months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-gym_23-2149178038.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
handle: "Lead Coach, Fight Club",
|
||||
testimonial: "The MMA gym site looks incredibly professional. Highly recommend his services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor Reed",
|
||||
handle: "Personal Trainer",
|
||||
testimonial: "Clean, effective, and perfectly matched our brand. Excellent work, Steve.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan Chase",
|
||||
handle: "Yoga Center Lead",
|
||||
testimonial: "The booking system integration is seamless and has saved us hours every week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey Quinn",
|
||||
handle: "Crossfit Studio Manager",
|
||||
testimonial: "Modern design, super fast, and really gets our vibe. Fantastic job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man_158595-2957.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivera", handle: "Owner, Apex Gym", testimonial: "Steve transformed our online visibility. Our sign-ups doubled in just three months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-gym_23-2149178038.jpg" },
|
||||
{ id: "2", name: "Jordan Smith", handle: "Lead Coach, Fight Club", testimonial: "The MMA gym site looks incredibly professional. Highly recommend his services.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg" },
|
||||
{ id: "3", name: "Taylor Reed", handle: "Personal Trainer", testimonial: "Clean, effective, and perfectly matched our brand. Excellent work, Steve.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg" },
|
||||
{ id: "4", name: "Morgan Chase", handle: "Yoga Center Lead", testimonial: "The booking system integration is seamless and has saved us hours every week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" },
|
||||
{ id: "5", name: "Casey Quinn", handle: "Crossfit Studio Manager", testimonial: "Modern design, super fast, and really gets our vibe. Fantastic job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man_158595-2957.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Fitness Industry Partners"
|
||||
@@ -262,17 +135,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Modernize Your Website?"
|
||||
description="Send a message and I'll get back to you to discuss your project needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Send Message", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,29 +149,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Design", href: "#services" },
|
||||
{ label: "SEO", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user