102 lines
5.4 KiB
TypeScript
102 lines
5.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import Link from "next/link";
|
|
import { Zap } from "lucide-react";
|
|
|
|
export default function WorkPage() {
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Work", id: "work" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Elevate Web"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-work" data-section="hero-work">
|
|
<HeroBillboard
|
|
title="Work That Looks Premium—and Performs"
|
|
description="These are sample builds and layouts showcasing our approach to design and conversion."
|
|
background={{ variant: "gradient-bars" }}
|
|
buttons={[
|
|
{
|
|
text: "Book a Free Website Review", href: "/contact"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkozd5"
|
|
imageAlt="Portfolio and case studies overview"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="case-studies-work" data-section="case-studies-work">
|
|
<BlogCardThree
|
|
title="Case Studies"
|
|
description="Real examples of websites we've built for fitness and sports businesses."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{
|
|
id: "case-1", category: "Gym", title: "Iron Horizon Gym", excerpt: "Trial Bookings Focus: Rebuilt the homepage around one offer with clearer CTA flow and faster load experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xgnyca", imageAlt: "Iron Horizon Gym case study", authorName: "Elevate Web", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wr5n", date: "Target: <2.0s load • 3.0%+ conversions"},
|
|
{
|
|
id: "case-2", category: "Sports Club", title: "Summit Tennis Club", excerpt: "Membership Inquiries: Modern club site with simple navigation and trust-building sections that drive inquiries.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vbebq1", imageAlt: "Summit Tennis Club case study", authorName: "Elevate Web", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wr5n", date: "Target: 90+ performance • 2x clarity"},
|
|
{
|
|
id: "case-3", category: "Coaching", title: "Velocity Performance Coaching", excerpt: "High-Ticket Leads: Clean funnel-style layout that explains method, shows proof, and drives bookings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvywwu", imageAlt: "Velocity Performance Coaching case study", authorName: "Elevate Web", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wr5n", date: "Focus: Strong above-fold CTA • 5 proof blocks"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="work-cta" data-section="work-cta">
|
|
<ContactFaq
|
|
ctaTitle="Want Results Like This?"
|
|
ctaDescription="Start with a free review and we'll map out the fastest improvements for your site."
|
|
ctaButton={{
|
|
text: "Book a Free Website Review", href: "/contact"}}
|
|
ctaIcon={Zap}
|
|
faqs={[
|
|
{
|
|
id: "info-w1", title: "Custom Approach", content: "No templates. Every design is tailored to your business goals and audience."},
|
|
{
|
|
id: "info-w2", title: "Performance Guaranteed", content: "We measure success by your results: faster loads, more inquiries, better rankings."},
|
|
{
|
|
id: "info-w3", title: "Start Today", content: "Your free review is the first step. Ready? Let's build something great."},
|
|
]}
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer-all" data-section="footer-all">
|
|
<FooterCard
|
|
logoText="Elevate Web"
|
|
copyrightText="© Elevate Web. Modern websites that elevate your business."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |