Update src/app/page.tsx

This commit is contained in:
2026-05-09 06:44:31 +00:00
parent 9dbb5d41d8
commit 1f30c1efeb

View File

@@ -31,101 +31,59 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="WebAgency" brandName="SiteShark"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Build Your Business Presence" title="Build Your Business Presence"
description="We craft professional, high-performance websites tailored to scale your digital presence and drive revenue." description="We craft professional, high-performance websites tailored to scale your digital presence and drive revenue."
kpis={[ kpis={[
{ {
value: "200+", value: "200+", label: "Projects Completed"},
label: "Projects Completed",
},
{ {
value: "95%", value: "95%", label: "Retention Rate"},
label: "Retention Rate",
},
{ {
value: "10x", value: "10x", label: "Traffic Increase"},
label: "Traffic Increase",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "Start Project", text: "Start Project", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" imageSrc="http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
imageAlt="Agency interface" imageAlt="Agency interface"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", alt: "CEO analyst"},
alt: "CEO analyst",
},
{ {
src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg", src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg", alt: "Modern office worker"},
alt: "Modern office worker",
},
{ {
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", alt: "Diagnostic tech"},
alt: "Diagnostic tech",
},
{ {
src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", alt: "Boardroom lead"},
alt: "Boardroom lead",
},
{ {
src: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg", src: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg", alt: "Data analyst"},
alt: "Data analyst",
},
]} ]}
avatarText="Trusted by 500+ leaders worldwide" avatarText="Trusted by 500+ leaders worldwide"
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "SaaS Growth" },
type: "text", { type: "text", text: "E-commerce Scale" },
text: "SaaS Growth", { type: "text", text: "Modern UX/UI" },
}, { type: "text", text: "Cloud Infrastructure" },
{ { type: "text", text: "SEO Mastery" },
type: "text",
text: "E-commerce Scale",
},
{
type: "text",
text: "Modern UX/UI",
},
{
type: "text",
text: "Cloud Infrastructure",
},
{
type: "text",
text: "SEO Mastery",
},
]} ]}
/> />
</div> </div>
@@ -137,26 +95,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Rapid Development", subtitle: "Get to market faster", category: "Dev", value: "2 weeks"},
title: "Rapid Development",
subtitle: "Get to market faster",
category: "Dev",
value: "2 weeks",
},
{ {
id: "f2", id: "f2", title: "SEO Optimized", subtitle: "Drive organic traffic", category: "Marketing", value: "100%"},
title: "SEO Optimized",
subtitle: "Drive organic traffic",
category: "Marketing",
value: "100%",
},
{ {
id: "f3", id: "f3", title: "Cloud Hosting", subtitle: "Maximum uptime", category: "Infra", value: "99.9%"},
title: "Cloud Hosting",
subtitle: "Maximum uptime",
category: "Infra",
value: "99.9%",
},
]} ]}
title="Everything You Need to Scale" title="Everything You Need to Scale"
description="Powerful features designed to convert visitors into loyal customers." description="Powerful features designed to convert visitors into loyal customers."
@@ -171,17 +114,11 @@ export default function LandingPage() {
description="More than just designers, we are business partners focused on your ROI. Our team brings technical excellence together with creative design to elevate your brand." description="More than just designers, we are business partners focused on your ROI. Our team brings technical excellence together with creative design to elevate your brand."
bulletPoints={[ bulletPoints={[
{ {
title: "Custom Strategy", title: "Custom Strategy", description: "Tailored solutions for every unique business need."},
description: "Tailored solutions for every unique business need.",
},
{ {
title: "Data-Driven Design", title: "Data-Driven Design", description: "Decisions based on real user behavior."},
description: "Decisions based on real user behavior.",
},
{ {
title: "Ongoing Support", title: "Ongoing Support", description: "We are here for you long after launch."},
description: "We are here for you long after launch.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-businesspeople-meeting-office_171337-7269.jpg" imageSrc="http://img.b2bpic.net/free-photo/group-young-businesspeople-meeting-office_171337-7269.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -195,21 +132,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "$5M+", description: "Generated Revenue" },
id: "m1", { id: "m2", value: "500k", description: "Active Users" },
value: "$5M+", { id: "m3", value: "24/7", description: "Average Support Time" },
description: "Generated Revenue",
},
{
id: "m2",
value: "500k",
description: "Active Users",
},
{
id: "m3",
value: "24/7",
description: "Average Support Time",
},
]} ]}
title="Proven Impact" title="Proven Impact"
description="Metrics that show real world results for our clients." description="Metrics that show real world results for our clients."
@@ -223,45 +148,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", handle: "@techcorp", testimonial: "Excellent service and results, worth every penny.", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
handle: "@techcorp",
testimonial: "Excellent service and results, worth every penny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
{ {
id: "2", id: "2", name: "Michael K.", handle: "@innovate", testimonial: "They transformed our online revenue overnight.", rating: 5,
name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
handle: "@innovate",
testimonial: "They transformed our online revenue overnight.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
{ {
id: "3", id: "3", name: "Emily R.", handle: "@growth", testimonial: "Highly recommended for any serious business.", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
handle: "@growth",
testimonial: "Highly recommended for any serious business.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
},
{
id: "4",
name: "David L.",
handle: "@startup",
testimonial: "Fast, reliable, and highly creative team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
},
{
id: "5",
name: "Linda M.",
handle: "@enterprise",
testimonial: "The best investment we have made this year.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Loved by Businesses" title="Loved by Businesses"
@@ -274,23 +168,14 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What is your design philosophy?", content: "We focus on user-centric design that prioritizes accessibility and conversion."},
title: "What is the turnaround time?",
content: "Most projects are completed within 2-4 weeks depending on complexity.",
},
{ {
id: "q2", id: "q2", title: "How do you handle responsiveness?", content: "Our websites are mobile-first, ensuring a seamless experience on all devices."},
title: "Do you offer maintenance?",
content: "Yes, we provide flexible monthly maintenance packages.",
},
{ {
id: "q3", id: "q3", title: "What tools do you use?", content: "We leverage industry-standard modern frameworks and design tools to build scalable solutions."},
title: "Can you handle SEO?",
content: "Absolutely, all our sites are SEO optimized from the start.",
},
]} ]}
sideTitle="Frequently Asked" sideTitle="Common Design Questions"
sideDescription="Questions answered by our experts." sideDescription="Answers to the most frequent inquiries about our web design process."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -298,12 +183,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient", tag="Contact Us"
}} title="Get In Touch"
tag="Let's Connect" description="Have a question or ready to start a project? Email us at hello@siteshark.com or call (555) 123-4567."
title="Ready to Transform Your Business?"
description="Send us your project details and we will get back to you with a tailored roadmap."
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
inputPlaceholder="Enter your email address" inputPlaceholder="Enter your email address"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -312,45 +195,24 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="WebAgency" logoText="SiteShark"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [ { label: "About Us", href: "#about" },
{ { label: "Careers", href: "#" },
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
], ],
}, },
{ {
title: "Services", title: "Resources", items: [
items: [ { label: "Design Blog", href: "#" },
{ { label: "Case Studies", href: "#" },
label: "Web Design",
href: "#",
},
{
label: "Development",
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [ { label: "Privacy", href: "#" },
{ { label: "Terms", href: "#" },
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
], ],
}, },
]} ]}