Merge version_1 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -29,48 +29,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="High Class Agency"
|
||||
button={{
|
||||
text: "Book a Free Demo",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book a Free Demo", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Premium Web Design for Businesses"
|
||||
description="We build websites that bring you customers — not just traffic. High Class Agency helps businesses turn their online presence into a powerful tool that attracts clients, builds trust, and increases revenue."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Free Demo", href: "#contact" }, { text: "View Our Work", href: "#portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345396.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -81,31 +55,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Outdated Design",
|
||||
description: "Losing visual trust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "No Trust",
|
||||
description: "Visitors bouncing early",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Lost Leads",
|
||||
description: "Missed opportunities",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Poor Mobile Experience",
|
||||
description: "Alienating mobile users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
title: "Slow Performance",
|
||||
description: "Higher bounce rates",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg?_wi=5",
|
||||
},
|
||||
{ title: "Outdated Design", description: "Losing visual trust", imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg" },
|
||||
{ title: "No Trust", description: "Visitors bouncing early", imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg" },
|
||||
{ title: "Lost Leads", description: "Missed opportunities", imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg" },
|
||||
{ title: "Poor Mobile Experience", description: "Alienating mobile users", imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg" },
|
||||
{ title: "Slow Performance", description: "Higher bounce rates", imageSrc: "http://img.b2bpic.net/free-photo/electronic-device-surrounded-by-nature_23-2150039928.jpg" }
|
||||
]}
|
||||
title="Most Businesses Are Losing Customers Online"
|
||||
description="If your business doesn’t have a modern website — or your current one looks outdated — you’re losing potential customers every single day. A weak online presence can cost you real money."
|
||||
@@ -118,18 +72,9 @@ export default function LandingPage() {
|
||||
title="We Fix That"
|
||||
description="At High Class Agency, we design clean, modern, high-converting websites that make your business stand out and turn visitors into paying customers."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Modern Approach",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
title: "Conversion Focus",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Always Online",
|
||||
},
|
||||
{ value: "100%", title: "Modern Approach" },
|
||||
{ value: "5x", title: "Conversion Focus" },
|
||||
{ value: "24/7", title: "Always Online" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/digital-innovation-landing-page_23-2149057104.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -142,36 +87,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Design",
|
||||
description: "Modern websites tailored to your brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/four-icons-web-template_1057-3591.jpg",
|
||||
},
|
||||
{
|
||||
title: "Website Redesigns",
|
||||
description: "Upgrade outdated sites to premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-yellow-arrows-with-copy-space_23-2148488378.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lead Gen Setup",
|
||||
description: "Conversion-focused structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side-with-white-background_187299-39851.jpg",
|
||||
},
|
||||
{
|
||||
title: "Mobile Optimization",
|
||||
description: "Flawless on all devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/adaptive-responsive-web-design_98292-2071.jpg",
|
||||
},
|
||||
{
|
||||
title: "Booking Systems",
|
||||
description: "Streamlined client scheduling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/glyph-calendar-with-check-mark_78370-7210.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strategy Focus",
|
||||
description: "Built for long-term growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vision-mission-planning-aspirations-process-concept_53876-139704.jpg",
|
||||
},
|
||||
{ title: "Custom Design", description: "Modern websites tailored to your brand.", imageSrc: "http://img.b2bpic.net/free-vector/four-icons-web-template_1057-3591.jpg" },
|
||||
{ title: "Website Redesigns", description: "Upgrade outdated sites to premium.", imageSrc: "http://img.b2bpic.net/free-photo/light-yellow-arrows-with-copy-space_23-2148488378.jpg" },
|
||||
{ title: "Lead Gen Setup", description: "Conversion-focused structures.", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side-with-white-background_187299-39851.jpg" },
|
||||
{ title: "Mobile Optimization", description: "Flawless on all devices.", imageSrc: "http://img.b2bpic.net/free-vector/adaptive-responsive-web-design_98292-2071.jpg" },
|
||||
{ title: "Booking Systems", description: "Streamlined client scheduling.", imageSrc: "http://img.b2bpic.net/free-vector/glyph-calendar-with-check-mark_78370-7210.jpg" },
|
||||
{ title: "Strategy Focus", description: "Built for long-term growth.", imageSrc: "http://img.b2bpic.net/free-photo/vision-mission-planning-aspirations-process-concept_53876-139704.jpg" }
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Premium web design services tailored to scale your business."
|
||||
@@ -185,36 +106,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Barbershop Site",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-with-closed-eyes-holding-hyaluronic-acid-drugs-clinic-front-view-pretty_7502-10532.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Upscale Restaurant Landing",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Local Service Business",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769937.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Corporate Tech Hub",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-with-closed-eyes-holding-hyaluronic-acid-drugs-clinic-front-view-pretty_7502-10532.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Creative Studio Portal",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Modern Barbershop Site", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-with-closed-eyes-holding-hyaluronic-acid-drugs-clinic-front-view-pretty_7502-10532.jpg" },
|
||||
{ id: "2", name: "Upscale Restaurant Landing", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg" },
|
||||
{ id: "3", name: "Local Service Business", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769937.jpg" },
|
||||
{ id: "4", name: "Corporate Tech Hub", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-with-closed-eyes-holding-hyaluronic-acid-drugs-clinic-front-view-pretty_7502-10532.jpg" },
|
||||
{ id: "5", name: "Creative Studio Portal", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Examples of the clean, high-quality websites we create."
|
||||
@@ -225,47 +121,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Hear from our clients about their experience working with us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Results",
|
||||
quote: "They completely changed how my business looks online. Professional.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Standout Look",
|
||||
quote: "The website looks clean, modern, and makes us stand out.",
|
||||
name: "Michael K.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Process",
|
||||
quote: "Simple process, great communication, strong final result.",
|
||||
name: "Emily R.",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "High Quality",
|
||||
quote: "Incredible attention to detail and design quality.",
|
||||
name: "David L.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Effective Growth",
|
||||
quote: "Since launching, our leads have increased significantly.",
|
||||
name: "Jessica M.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Amazing Results", quote: "They completely changed how my business looks online. Professional.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg" },
|
||||
{ id: "2", title: "Standout Look", quote: "The website looks clean, modern, and makes us stand out.", name: "Michael K.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" },
|
||||
{ id: "3", title: "Great Process", quote: "Simple process, great communication, strong final result.", name: "Emily R.", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ id: "4", title: "High Quality", quote: "Incredible attention to detail and design quality.", name: "David L.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg" },
|
||||
{ id: "5", title: "Effective Growth", quote: "Since launching, our leads have increased significantly.", name: "Jessica M.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" }
|
||||
]}
|
||||
title="What People Say"
|
||||
/>
|
||||
@@ -274,36 +136,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Upgrade Your Business?"
|
||||
description="Let’s build a website that works for you. Email us at highclassagencyusa@gmail.com to start."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Demo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:highclassagencyusa@gmail.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Free Demo", href: "#" }, { text: "Email Us", href: "mailto:highclassagencyusa@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="High Class Agency"
|
||||
leftLink={{
|
||||
text: "Modern websites built for growth.",
|
||||
href: "/",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "highclassagencyusa@gmail.com",
|
||||
href: "mailto:highclassagencyusa@gmail.com",
|
||||
}}
|
||||
leftLink={{ text: "Modern websites built for growth.", href: "/" }}
|
||||
rightLink={{ text: "highclassagencyusa@gmail.com", href: "mailto:highclassagencyusa@gmail.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user