Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 33ae13e5e2 | |||
| e88039e1bf | |||
| b5f66cc54e | |||
| 1d58610d6c | |||
| 67ca8511f9 | |||
| ec5c3a483e | |||
| adb6048088 | |||
| cca2271e3a | |||
| e556a7f979 | |||
| c572b71b0c | |||
| 1233979a74 |
@@ -2,147 +2,40 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built Local. Built Fast."
|
||||
description="Amped Web Solutions is a Tallahassee-born digital agency helping small business owners get the digital footprint they deserve—quickly."
|
||||
metrics={[
|
||||
{
|
||||
value: "48h",
|
||||
title: "Delivery",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Owned",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
title: "Tallahassee",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our People"
|
||||
description="Local talent for local growth."
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tallahassee, FL",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
title="Our Experts"
|
||||
tag="The Team"
|
||||
description="Meet the professionals driving our innovation and success."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{ id: "1", name: "Alex R.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=1" },
|
||||
{ id: "2", name: "Jordan P.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
logoText="Amped Web Solutions"
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,152 +2,53 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-20">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Something Great"
|
||||
description="Ready to discuss your next project? Send us a message and we'll be in touch shortly."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Email Us", href: "mailto:hello@amped.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-us" data-section="contact-us">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's build together."
|
||||
description="We respond within 24 hours. Most projects start within 48 hours of your first call."
|
||||
inputs={[
|
||||
{
|
||||
name: "Full Name",
|
||||
type: "text",
|
||||
placeholder: "Enter your full name",
|
||||
},
|
||||
{
|
||||
name: "Business Name",
|
||||
type: "text",
|
||||
placeholder: "Your business name",
|
||||
},
|
||||
{
|
||||
name: "Phone Number",
|
||||
type: "tel",
|
||||
placeholder: "Your phone number",
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "Your email address",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "Message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=7"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Immediate Action"
|
||||
title="Need urgent help?"
|
||||
description="Give us a call today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:8505550123",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tallahassee, FL",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
222
src/app/page.tsx
222
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
@@ -55,47 +40,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get Found. Get Paid."
|
||||
description="We build websites, AI agents, and ad campaigns for Tallahassee businesses — fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Mock-Up",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=1",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=2",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=3",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=4",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=5",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=6",
|
||||
imageAlt: "Amped Web Solutions Agency Dashboard",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Mock-Up", href: "/contact" }, { text: "See Our Work", href: "/portfolio" }]}
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=3" }, { imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=4" }, { imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=5" }, { imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148368822.jpg?_wi=6" }]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -107,33 +56,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
brand: "Amped",
|
||||
name: "Websites",
|
||||
price: "$500–$1,000",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "w2",
|
||||
brand: "Amped",
|
||||
name: "AI Front Desk",
|
||||
price: "$199–$299/mo",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "w3",
|
||||
brand: "Amped",
|
||||
name: "Facebook Ads",
|
||||
price: "$500/mo",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1",
|
||||
},
|
||||
{ id: "w1", brand: "Amped", name: "Websites", price: "$500–$1,000", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1" },
|
||||
{ id: "w2", brand: "Amped", name: "AI Front Desk", price: "$199–$299/mo", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1" },
|
||||
{ id: "w3", brand: "Amped", name: "Facebook Ads", price: "$500/mo", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1" },
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Results-driven solutions for Tallahassee small businesses."
|
||||
@@ -145,56 +70,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2025",
|
||||
title: "Local Boutique",
|
||||
quote: "They built my site in 48 hours and my leads doubled.",
|
||||
tag: "Web Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2080.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2080.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
date: "Sep 2025",
|
||||
title: "Auto Repair",
|
||||
quote: "The AI agent books appointments while I sleep. Incredible.",
|
||||
tag: "AI Front Desk",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa T.",
|
||||
date: "Nov 2025",
|
||||
title: "Food Truck",
|
||||
quote: "Facebook ads campaign helped us sell out every weekend.",
|
||||
tag: "Ads",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
date: "Jan 2026",
|
||||
title: "Landscaping",
|
||||
quote: "The fastest local team in town. Highly recommend.",
|
||||
tag: "Growth",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
date: "Feb 2026",
|
||||
title: "Cafe Owner",
|
||||
quote: "Increased our morning rush by 30% with their targeted ads.",
|
||||
tag: "Marketing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2025", title: "Local Boutique", quote: "They built my site in 48 hours and my leads doubled.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2080.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2080.jpg" },
|
||||
{ id: "2", name: "Mike R.", date: "Sep 2025", title: "Auto Repair", quote: "The AI agent books appointments while I sleep. Incredible.", tag: "AI Front Desk", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" },
|
||||
{ id: "3", name: "Lisa T.", date: "Nov 2025", title: "Food Truck", quote: "Facebook ads campaign helped us sell out every weekend.", tag: "Ads", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg" },
|
||||
{ id: "4", name: "David M.", date: "Jan 2026", title: "Landscaping", quote: "The fastest local team in town. Highly recommend.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg?_wi=1" },
|
||||
{ id: "5", name: "Jessica L.", date: "Feb 2026", title: "Cafe Owner", quote: "Increased our morning rush by 30% with their targeted ads.", tag: "Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-female-student-glasses-sitting-cafe_1262-17110.jpg?_wi=2" },
|
||||
]}
|
||||
title="Local Results"
|
||||
description="What Tallahassee business owners say."
|
||||
@@ -209,24 +89,9 @@ export default function LandingPage() {
|
||||
title="The Tallahasse Team"
|
||||
description="Our local experts are ready to build."
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
role: "AI Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam M.",
|
||||
role: "Growth Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=1" },
|
||||
{ id: "2", name: "Jordan P.", role: "AI Specialist", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=2" },
|
||||
{ id: "3", name: "Sam M.", role: "Growth Strategist", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173741.jpg?_wi=3" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -234,60 +99,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to launch?"
|
||||
title="Transform Your Online Presence"
|
||||
description="Get a custom mock-up and strategy plan tailored for your Tallahassee business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Project", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tallahassee, FL",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Tallahassee, FL", href: "#" }, { label: "© 2026", href: "#" }] },
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
/>
|
||||
|
||||
@@ -2,183 +2,41 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio-grid" data-section="portfolio-grid">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Landscape Pro",
|
||||
name: "Landscaping Site",
|
||||
price: "$750",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design_23-2149496581.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "AutoFix",
|
||||
name: "Repair Shop",
|
||||
price: "$1,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Taco Truck",
|
||||
name: "Food Truck Site",
|
||||
price: "$500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_52683-18319.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Salon Local",
|
||||
name: "Hair Studio",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917879.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Plumbing Co",
|
||||
name: "Service Site",
|
||||
price: "$900",
|
||||
rating: 5,
|
||||
reviewCount: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-responsive-website-design-set_23-2149538364.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Bakery Tall",
|
||||
name: "Bakery Site",
|
||||
price: "$600",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-using-green-screen-devices-server-farm-used-automation_482257-124455.jpg",
|
||||
},
|
||||
]}
|
||||
title="Real Results."
|
||||
description="Businesses transformed in Tallahassee."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Next Steps"
|
||||
title="Ready to be our next success?"
|
||||
description="Let's build your site."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tallahassee, FL",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
title="Case Studies"
|
||||
description="Real results for real businesses."
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Cafe", name: "Local Cafe Redesign", price: "$5k", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1" },
|
||||
{ id: "2", brand: "Tech", name: "AI Assistant Integration", price: "$15k", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1" },
|
||||
{ id: "3", brand: "Ads", name: "Regional Ad Campaign", price: "$8k", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
logoText="Amped Web Solutions"
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -25,122 +24,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Amped Web Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-breakdown" data-section="services-breakdown">
|
||||
<PricingCardNine
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Websites",
|
||||
price: "$500–$1,000",
|
||||
period: "one-time",
|
||||
features: [
|
||||
"Mobile optimized",
|
||||
"Google-ready",
|
||||
"Booking form",
|
||||
"48hr delivery",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "AI Front Desk",
|
||||
price: "$199–$299",
|
||||
period: "month",
|
||||
features: [
|
||||
"24/7 Chat agent",
|
||||
"Auto-booking",
|
||||
"Lead capture",
|
||||
"Custom training",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Facebook Ads",
|
||||
price: "$500+",
|
||||
period: "month",
|
||||
features: [
|
||||
"Targeted local ads",
|
||||
"Ad creative",
|
||||
"Reporting",
|
||||
"ROI-focused",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=2",
|
||||
},
|
||||
products={[
|
||||
{ id: "w1", brand: "Amped", name: "Websites", price: "$500–$1,000", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1" },
|
||||
{ id: "w2", brand: "Amped", name: "AI Front Desk", price: "$199–$299/mo", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1" },
|
||||
{ id: "w3", brand: "Amped", name: "Facebook Ads", price: "$500/mo", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1" },
|
||||
]}
|
||||
title="Service Plans"
|
||||
description="Transparent, fast, and results-focused."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is delivery?",
|
||||
content: "Sites are usually delivered in 24-48 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I own my website?",
|
||||
content: "Yes, you own 100% of your site.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What if I don't like it?",
|
||||
content: "We offer revisions until you're satisfied.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I add services later?",
|
||||
content: "Absolutely, start with one and scale.",
|
||||
},
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
title="Our Services"
|
||||
description="Results-driven solutions for Tallahassee small businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,39 +55,15 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tallahassee, FL",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "© 2026",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
items: [{ label: "Tallahassee, FL" }, { label: "© 2026" }],
|
||||
},
|
||||
]}
|
||||
logoText="Amped Web Solutions"
|
||||
@@ -190,4 +72,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #080810;
|
||||
--card: #151520;
|
||||
--foreground: #F0EEE6;
|
||||
--primary-cta: #F5E03A;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #080810;
|
||||
--secondary-cta: #FF6B1A;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #333340;
|
||||
--background-accent: #1a1a25;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user