Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,44 +31,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Steele Shaffer"
|
||||
button={{ text: "Get in Touch", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Steele Shaffer"
|
||||
description="Crafting high-performance, bespoke websites that drive business growth. Expert solutions for modern brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View My Work", href: "#services" }, { text: "Get in Touch", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-businessman-with-notepad-sitting-office_23-2147839952.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -77,23 +55,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Steele",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
|
||||
alt: "Steele Shaffer",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "About Steele" }, { type: "image", src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "Steele Shaffer" }]}
|
||||
buttons={[{ text: "Contact Me", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,27 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Design",
|
||||
title: "Custom Web Design",
|
||||
subtitle: "Unique experiences",
|
||||
description: "Beautiful, responsive websites built specifically for your brand needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-frustrated-manager-working-statup-project_482257-77537.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Growth",
|
||||
title: "SEO & Performance",
|
||||
subtitle: "Get found easily",
|
||||
description: "Optimized code and content structures to ensure your site performs and ranks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-icon_632498-3590.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Support",
|
||||
title: "Maintenance & Support",
|
||||
subtitle: "Always reliable",
|
||||
description: "Full-service management so you can focus on running your business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-computer-logo-template_23-2149212784.jpg",
|
||||
},
|
||||
{ tag: "Design", title: "Custom Web Design", subtitle: "Unique experiences", description: "Beautiful, responsive websites built specifically for your brand needs.", imageSrc: "http://img.b2bpic.net/free-photo/angry-frustrated-manager-working-statup-project_482257-77537.jpg" },
|
||||
{ tag: "Growth", title: "SEO & Performance", subtitle: "Get found easily", description: "Optimized code and content structures to ensure your site performs and ranks.", imageSrc: "http://img.b2bpic.net/free-vector/seo-icon_632498-3590.jpg" },
|
||||
{ tag: "Support", title: "Maintenance & Support", subtitle: "Always reliable", description: "Full-service management so you can focus on running your business.", imageSrc: "http://img.b2bpic.net/free-vector/creative-computer-logo-template_23-2149212784.jpg" },
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Tailored solutions for your digital presence."
|
||||
@@ -131,30 +76,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Responsive Sites",
|
||||
description: "Mobile-first approach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-analytics-analysis-statistics-concept_53876-21401.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime Rate",
|
||||
description: "Rock-solid reliability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3x",
|
||||
title: "Conversion Lift",
|
||||
description: "Targeted optimization",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg",
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Responsive Sites", description: "Mobile-first approach", imageSrc: "http://img.b2bpic.net/free-photo/business-report-analytics-analysis-statistics-concept_53876-21401.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime Rate", description: "Rock-solid reliability", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg" },
|
||||
{ id: "m3", value: "3x", title: "Conversion Lift", description: "Targeted optimization", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg" },
|
||||
]}
|
||||
title="Business Value"
|
||||
description="Tangible results for your company."
|
||||
@@ -167,41 +95,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Steele transformed our brand. The site speed and design are unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Professional, reliable, and exceptionally talented. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "A complete overhaul of our digital strategy. Results were immediate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Exceptional attention to detail and communication throughout the project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Founder",
|
||||
testimonial: "Working with Steele was seamless. The outcome exceeded our expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Steele transformed our brand. The site speed and design are unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", testimonial: "Professional, reliable, and exceptionally talented. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "A complete overhaul of our digital strategy. Results were immediate.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "Exceptional attention to detail and communication throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", role: "Founder", testimonial: "Working with Steele was seamless. The outcome exceeded our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Read what our partners have to say."
|
||||
@@ -212,15 +110,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Shopify",
|
||||
"DigitalOcean",
|
||||
"Cloudflare",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Shopify", "DigitalOcean", "Cloudflare"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry leaders."
|
||||
/>
|
||||
@@ -231,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a build take?",
|
||||
content: "Most projects are completed within 4-6 weeks depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer SEO?",
|
||||
content: "Yes, every site I build is SEO-optimized from the ground up.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do we get started?",
|
||||
content: "Simply reach out via the contact form and we'll schedule a discovery call.",
|
||||
},
|
||||
{ id: "1", title: "How long does a build take?", content: "Most projects are completed within 4-6 weeks depending on complexity." },
|
||||
{ id: "2", title: "Do you offer SEO?", content: "Yes, every site I build is SEO-optimized from the ground up." },
|
||||
{ id: "3", title: "How do we get started?", content: "Simply reach out via the contact form and we'll schedule a discovery call." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to get you started."
|
||||
@@ -256,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready for your new site?"
|
||||
description="Fill out the form below to get a custom quote and consultation."
|
||||
@@ -268,36 +144,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Steele Shaffer"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user