bender/5169c150-e7ea-410d-9da9-80b552978d74
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 15:17:20 +00:00
parent 0ee2c51747
commit 263bb7a168
1 changed files with 69 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/page.tsx
View File

@@ -34,112 +34,69 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="QuickSite Co."
button={{
text: "Get Quote",
href: "#contact",
}}
text: "Get Quote", href: "tel:07853820353"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "glowing-orb",
}}
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: "200%", label: "Avg. Lead Increase"},
{
value: "99.9%",
label: "Uptime Guarantee",
},
value: "99.9%", label: "Uptime Guarantee"},
{
value: "10x",
label: "Performance Gains",
},
value: "10x", label: "Performance Gains"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "tel:07853820353"},
{
text: "Call Now",
href: "tel:+15550000000",
},
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"
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/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/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/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/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",
},
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: "Google Partners"},
{
type: "text",
text: "Meta Verified",
},
type: "text", text: "Meta Verified"},
{
type: "text",
text: "Webflow Experts",
},
type: "text", text: "Webflow Experts"},
{
type: "text",
text: "Awwwards Nominated",
},
type: "text", text: "Awwwards Nominated"},
{
type: "text",
text: "Tech Industry Certified",
},
type: "text", text: "Tech Industry Certified"},
]}
/>
</div>
@@ -165,44 +122,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Website Design",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/five-3d-glasses_23-2147775804.jpg",
},
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: "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: "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: "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: "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: "p6", name: "Maintenance", price: "Fixed", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.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" }
]}
/>
</div>
@@ -211,14 +147,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google Partners",
"Meta Verified",
"Webflow Experts",
"Awwwards Nominated",
"Local SEO Leaders",
"Five Star Service",
"Tech Industry Certified",
]}
"Google Partners", "Meta Verified", "Webflow Experts", "Awwwards Nominated", "Local SEO Leaders", "Five Star Service", "Tech Industry Certified"]}
title="Trusted by Growing Businesses"
description="Join hundreds of local businesses that trust QuickSite Co. to manage their digital presence."
/>
@@ -231,20 +160,11 @@ export default function LandingPage() {
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: "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: "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: "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"
mediaAnimation="slide-up"
@@ -258,40 +178,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "s1",
badge: "Step 01",
price: "Discovery",
subtitle: "Define Goals",
features: [
"Market research",
"Audience analysis",
"Competitor gap analysis",
],
buttons: [],
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: [],
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: [],
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"
@@ -306,45 +205,20 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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"},
]}
showRating={true}
title="Success Stories"
@@ -357,20 +231,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How long does it take?",
content: "Most projects are completed in 3-5 weeks.",
},
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: "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: "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."
@@ -382,14 +247,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Ready to turn your website into a lead-generating powerhouse? Get your free quote today."
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: "Get Started",
href: "#contact",
},
text: "Call Now", href: "tel:07853820353"},
]}
/>
</div>
@@ -398,41 +260,29 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "QuickSite Co.",
items: [
title: "QuickSite Co.", items: [
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact: quicksiteco2@gmail.com", href: "mailto:quicksiteco2@gmail.com"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
bottomLeftText="© 2024 QuickSite Co."
bottomLeftText="© 2024 QuickSite Co. | 07853 820353"
bottomRightText="Built for Results"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}