Update src/app/page.tsx
This commit is contained in:
165
src/app/page.tsx
165
src/app/page.tsx
@@ -33,71 +33,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="QuickSite Co."
|
||||
button={{
|
||||
text: "Get Quote", href: "tel:07853820353"}}
|
||||
text: "Get Quote", href: "tel:07853820353"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb"}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Professional Websites That Turn Visitors Into Customers"
|
||||
description="QuickSite Co. builds fast, modern websites designed to generate calls, leads, and long-term business growth."
|
||||
kpis={[
|
||||
{
|
||||
value: "200%", label: "Avg. Lead Increase"},
|
||||
{
|
||||
value: "99.9%", label: "Uptime Guarantee"},
|
||||
{
|
||||
value: "10x", label: "Performance Gains"},
|
||||
{ value: "200%", label: "Avg. Lead Increase" },
|
||||
{ value: "99.9%", label: "Uptime Guarantee" },
|
||||
{ value: "10x", label: "Performance Gains" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "tel:07853820353"},
|
||||
{
|
||||
text: "Call Now", href: "tel:07853820353"},
|
||||
{ text: "Get a Free Quote", href: "tel:07853820353" },
|
||||
{ text: "Call Now", href: "tel:07853820353" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-scientist-using-vr-technology-make-ai-become-sentient-celebrating_482257-83405.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes-digital-art-background_482257-126105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-designers-working-project_23-2149307807.jpg", alt: "Industrial designers working on project"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lines-code-running-computer-screens-tablet-data-center_482257-123473.jpg", alt: "Lines of code running on computer screens and tablet in data center"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg", alt: "Sleek desktop workspace displays active code windows for artificial intelligence"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/just-minute-we-are-ready-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17298.jpg", alt: "Just a minute and we are ready. Polygraph examiner works in the office with his lie detector's equipment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg", alt: "Luxurious business environment used in corporate culture and the industry"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ top-tier partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Google Partners"},
|
||||
{
|
||||
type: "text", text: "Meta Verified"},
|
||||
{
|
||||
type: "text", text: "Webflow Experts"},
|
||||
{
|
||||
type: "text", text: "Awwwards Nominated"},
|
||||
{
|
||||
type: "text", text: "Tech Industry Certified"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,7 +75,7 @@ export default function LandingPage() {
|
||||
description="We specialize in high-performance digital presence that converts. Every design choice is driven by user data and business growth objectives."
|
||||
subdescription="Our mission is to help local businesses scale by making the web their most efficient sales engine."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empowered-black-ceo-working-high-end-downtown-corporate-office_482257-118551.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-tech-background-blue-tones_482257-125000.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -121,24 +87,13 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Website Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/five-3d-glasses_23-2147775804.jpg"},
|
||||
{
|
||||
id: "p2", name: "Local SEO", price: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg"},
|
||||
{
|
||||
id: "p3", name: "Landing Pages", price: "Flat Rate", imageSrc: "http://img.b2bpic.net/free-photo/green-minimal-computer-desktop-digital-device-with-design-space-set_53876-126780.jpg"},
|
||||
{
|
||||
id: "p4", name: "Lead Generation", price: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/abstract-chromatic-gradient_23-2151920621.jpg"},
|
||||
{
|
||||
id: "p5", name: "Conversion Optimization", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"},
|
||||
{
|
||||
id: "p6", name: "Maintenance", price: "Fixed", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"},
|
||||
{ id: "p1", name: "Website Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-lines_1048-12400.jpg" },
|
||||
{ id: "p2", name: "Local SEO", price: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-geometric-shapes_474888-9000.jpg" },
|
||||
{ id: "p3", name: "Landing Pages", price: "Flat Rate", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-pattern_53876-13000.jpg" },
|
||||
]}
|
||||
title="Our Expert Solutions"
|
||||
description="Premium services designed to grow your local business and generate qualified inbound calls."
|
||||
buttons={[
|
||||
{ text: "Enquire", href: "mailto:quicksiteco2@gmail.com" }
|
||||
]}
|
||||
buttons={[{ text: "Enquire", href: "mailto:quicksiteco2@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,8 +101,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google Partners", "Meta Verified", "Webflow Experts", "Awwwards Nominated", "Local SEO Leaders", "Five Star Service", "Tech Industry Certified"]}
|
||||
names={["Google Partners", "Meta Verified", "Webflow Experts", "Awwwards Nominated", "Local SEO Leaders"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="Join hundreds of local businesses that trust QuickSite Co. to manage their digital presence."
|
||||
/>
|
||||
@@ -159,14 +113,11 @@ export default function LandingPage() {
|
||||
title="Why Choose QuickSite Co.?"
|
||||
description="We blend creative design with technical performance to ensure you dominate your market segment."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1", title: "Fast Loading Times", content: "Our sites score 90+ on Lighthouse to maximize user retention."},
|
||||
{
|
||||
id: "f2", title: "Conversion Focused", content: "Every site built around inbound lead triggers."},
|
||||
{
|
||||
id: "f3", title: "SEO Optimized", content: "Local and organic growth baked into the site structure."},
|
||||
{ id: "f1", title: "Fast Loading Times", content: "Our sites score 90+ on Lighthouse to maximize user retention." },
|
||||
{ id: "f2", title: "Conversion Focused", content: "Every site built around inbound lead triggers." },
|
||||
{ id: "f3", title: "SEO Optimized", content: "Local and organic growth baked into the site structure." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-binary-data-stream_1048-9000.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -177,21 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "s1", badge: "Step 01", price: "Discovery", subtitle: "Define Goals", features: [
|
||||
"Market research", "Audience analysis", "Competitor gap analysis"],
|
||||
buttons: [{ text: "Start", href: "tel:07853820353" }],
|
||||
},
|
||||
{
|
||||
id: "s2", badge: "Step 02", price: "Design", subtitle: "Build Assets", features: [
|
||||
"UX/UI design", "Copywriting", "Performance build"],
|
||||
buttons: [{ text: "Start", href: "tel:07853820353" }],
|
||||
},
|
||||
{
|
||||
id: "s3", badge: "Step 03", price: "Launch", subtitle: "Go Live", features: [
|
||||
"Testing", "SEO deployment", "Lead tracking"],
|
||||
buttons: [{ text: "Start", href: "tel:07853820353" }],
|
||||
},
|
||||
{ id: "s1", badge: "Step 01", price: "Discovery", subtitle: "Define Goals", features: ["Market research", "Audience analysis", "Competitor gap analysis"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
|
||||
{ id: "s2", badge: "Step 02", price: "Design", subtitle: "Build Assets", features: ["UX/UI design", "Copywriting", "Performance build"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
|
||||
{ id: "s3", badge: "Step 03", price: "Launch", subtitle: "Go Live", features: ["Testing", "SEO deployment", "Lead tracking"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="We take the complexity out of getting a high-converting website live."
|
||||
@@ -204,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "CEO, LocalCorp", testimonial: "QuickSite tripled our call volume in 3 months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "Director, Innovate", testimonial: "Best agency I've worked with. Professional and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "Founder, GrowthCo", testimonial: "Highly recommended for any local service business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "Partner, StartUp", testimonial: "Professional results and great ROI for our ads.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg"},
|
||||
{
|
||||
id: "5", name: "Lisa Wang", handle: "Owner, Retail", testimonial: "My new site looks amazing and converts so well.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg"},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "CEO, LocalCorp", testimonial: "QuickSite tripled our call volume in 3 months.", rating: 5 },
|
||||
{ id: "2", name: "Michael Chen", handle: "Director, Innovate", testimonial: "Best agency I've worked with. Professional and fast.", rating: 5 },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "Founder, GrowthCo", testimonial: "Highly recommended for any local service business.", rating: 5 },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Success Stories"
|
||||
@@ -230,12 +157,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How long does it take?", content: "Most projects are completed in 3-5 weeks."},
|
||||
{
|
||||
id: "q2", title: "Can I request changes?", content: "Yes, we include revisions in every project phase."},
|
||||
{
|
||||
id: "q3", title: "Do you offer SEO?", content: "Yes, local SEO is included in our standard lead-gen packages."},
|
||||
{ id: "q1", title: "How long does it take?", content: "Most projects are completed in 3-5 weeks." },
|
||||
{ id: "q2", title: "Can I request changes?", content: "Yes, we include revisions in every project phase." },
|
||||
{ id: "q3", title: "Do you offer SEO?", content: "Yes, local SEO is included in our standard lead-gen packages." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Get quick answers to common questions about our services."
|
||||
@@ -246,12 +170,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to turn your website into a lead-generating powerhouse? Get your free quote today or email us at quicksiteco2@gmail.com"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:07853820353"},
|
||||
{ text: "Call Now", href: "tel:07853820353" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -261,24 +183,19 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "QuickSite Co.", items: [
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact: quicksiteco2@gmail.com", href: "mailto:quicksiteco2@gmail.com"},
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact: quicksiteco2@gmail.com", href: "mailto:quicksiteco2@gmail.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 QuickSite Co. | 07853 820353"
|
||||
bottomLeftText="© 2024 QuickSite Co. | 07853 820353 | www.QuickSiteCo.com"
|
||||
bottomRightText="Built for Results"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user