Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "projects" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rakesh Dhera"
|
||||
button={{ text: "Contact Me", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,70 +47,20 @@ export default function LandingPage() {
|
||||
title="Design That Converts Single Products Into Sales"
|
||||
description="I craft conversion-driven, scroll-animated websites specifically designed for founders and solo entrepreneurs who need results, not just pixels."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@startupceo",
|
||||
testimonial: "Rakesh's design tripled our product sales in just two weeks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael K.",
|
||||
handle: "@techfound",
|
||||
testimonial: "Exceptional ROI. He understands ecommerce psychology perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alextech",
|
||||
testimonial: "The attention to UX detail is unmatched. A game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda M.",
|
||||
handle: "@linda_design",
|
||||
testimonial: "Finally, a designer who thinks about the bottom line first.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin S.",
|
||||
handle: "@kevin_dev",
|
||||
testimonial: "Seamless integration and beautiful code. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#projects",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@startupceo", testimonial: "Rakesh's design tripled our product sales in just two weeks.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ name: "Michael K.", handle: "@techfound", testimonial: "Exceptional ROI. He understands ecommerce psychology perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ name: "Alex R.", handle: "@alextech", testimonial: "The attention to UX detail is unmatched. A game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg" },
|
||||
{ name: "Linda M.", handle: "@linda_design", testimonial: "Finally, a designer who thinks about the bottom line first.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
|
||||
{ name: "Kevin S.", handle: "@kevin_dev", testimonial: "Seamless integration and beautiful code. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "View My Work", href: "#projects" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-laptop-other-elements_23-2148196560.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Happy businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
|
||||
alt: "Successful business person",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
alt: "Business person thinking",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
|
||||
alt: "Smiling businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg",
|
||||
alt: "Businesswoman portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Happy businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", alt: "Successful business person" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Business person thinking" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg", alt: "Smiling businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg", alt: "Businesswoman portrait" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,20 +83,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Slow page loading times",
|
||||
"Confusing navigation flows",
|
||||
"Generic conversion paths",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Lightning fast interactions",
|
||||
"Behavior-based UX mapping",
|
||||
"High-conversion CTA focus",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Slow page loading times", "Confusing navigation flows", "Generic conversion paths"] }}
|
||||
positiveCard={{ items: ["Lightning fast interactions", "Behavior-based UX mapping", "High-conversion CTA focus"] }}
|
||||
title="The Conversion Difference"
|
||||
description="Why outdated sites fail you vs. our high-performance design architecture."
|
||||
/>
|
||||
@@ -170,27 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Avg. Conversion Uplift",
|
||||
description: "Across client sites",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2s",
|
||||
title: "Load Time Reduction",
|
||||
description: "Faster than standard",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
title: "Reduced Bounce Rate",
|
||||
description: "Through better UI",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "150%", title: "Avg. Conversion Uplift", description: "Across client sites", icon: TrendingUp },
|
||||
{ id: "m2", value: "2s", title: "Load Time Reduction", description: "Faster than standard", icon: Zap },
|
||||
{ id: "m3", value: "45%", title: "Reduced Bounce Rate", description: "Through better UI", icon: Users },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Numbers speak louder than design trends."
|
||||
@@ -204,46 +113,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
role: "Founder",
|
||||
company: "EcoProduct",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David M.",
|
||||
role: "CEO",
|
||||
company: "ZenTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Founder",
|
||||
company: "GrowthApp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus L.",
|
||||
role: "Owner",
|
||||
company: "QuickFix",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Director",
|
||||
company: "SmartLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21248.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Wang", role: "Founder", company: "EcoProduct", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg" },
|
||||
{ id: "2", name: "David M.", role: "CEO", company: "ZenTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Founder", company: "GrowthApp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg" },
|
||||
{ id: "4", name: "Marcus L.", role: "Owner", company: "QuickFix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
|
||||
{ id: "5", name: "Chloe T.", role: "Director", company: "SmartLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21248.jpg" },
|
||||
]}
|
||||
title="Founder Feedback"
|
||||
description="Join other successful solo-entrepreneurs."
|
||||
@@ -257,42 +131,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "E-Commerce Revamp",
|
||||
price: "High Lift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-used-by-worker-office_482257-131878.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SaaS Platform UI",
|
||||
price: "Retained users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tech Startup Landing",
|
||||
price: "3x Revenue",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149315435.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimal Luxury Store",
|
||||
price: "Premium Feel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307211.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Interactive Dashboard",
|
||||
price: "Better UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Growth Landing Page",
|
||||
price: "Increased CTA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-researching-with-pregnant-colleague_482257-119342.jpg",
|
||||
},
|
||||
{ id: "p1", name: "E-Commerce Revamp", price: "High Lift", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-used-by-worker-office_482257-131878.jpg" },
|
||||
{ id: "p2", name: "SaaS Platform UI", price: "Retained users", imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg" },
|
||||
{ id: "p3", name: "Tech Startup Landing", price: "3x Revenue", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149315435.jpg" },
|
||||
{ id: "p4", name: "Minimal Luxury Store", price: "Premium Feel", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307211.jpg" },
|
||||
{ id: "p5", name: "Interactive Dashboard", price: "Better UX", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg" },
|
||||
{ id: "p6", name: "Growth Landing Page", price: "Increased CTA", imageSrc: "http://img.b2bpic.net/free-photo/man-researching-with-pregnant-colleague_482257-119342.jpg" },
|
||||
]}
|
||||
title="Selected Case Studies"
|
||||
description="High-conversion designs I've delivered for modern products."
|
||||
@@ -304,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long is the turnaround?",
|
||||
content: "Most projects take 2-4 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer SEO services?",
|
||||
content: "Design is optimized for conversion, which inherently boosts SEO performance.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's the process?",
|
||||
content: "Discovery, Strategy, Design, Development, Iteration, Launch.",
|
||||
},
|
||||
{ id: "1", title: "How long is the turnaround?", content: "Most projects take 2-4 weeks depending on scope." },
|
||||
{ id: "2", title: "Do you offer SEO services?", content: "Design is optimized for conversion, which inherently boosts SEO performance." },
|
||||
{ id: "3", title: "What's the process?", content: "Discovery, Strategy, Design, Development, Iteration, Launch." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers for founders who value efficiency."
|
||||
@@ -329,54 +161,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Scale Your Conversions?"
|
||||
description="I only work with select solo founders who are ready for high-conversion design improvements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Discovery Call",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Discovery Call", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Work", href: "#projects" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Rakesh Dhera"
|
||||
bottomRightText="Built for Results"
|
||||
@@ -385,4 +182,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user