bender/b0e95f5f-29a6-412a-bfab-a3b2ebc6c8ee
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-09 12:57:24 +00:00
parent 072af86468
commit 67a8405852
1 changed files with 158 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

345
src/app/page.tsx
View File

@@ -32,99 +32,43 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Case Studies",
id: "products",
},
{
name: "Process",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Case Studies", id: "products" },
{ name: "Process", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Rayan Tarh"
button={{
text: "Get Started",
href: "#contact",
}}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Architecting the Future of Digital Growth"
description="Rayan Tarh transforms brands through a fusion of high-end branding, SEO dominance, and performance-driven marketing strategy. We don't just build, we evolve."
buttons={[
{
text: "Explore Agency",
href: "#features",
},
{
text: "Request Proposal",
href: "#contact",
},
{ text: "Explore Agency", href: "#features" },
{ text: "Request Proposal", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desktop-with-laptop-magnifier_23-2148430895.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desktop-with-laptop-magnifier_23-2148430895.jpg"
imageAlt="futuristic tech background dark neon blue"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-desktop-with-laptop-camera_23-2148430858.jpg",
alt: "High angle of desktop with laptop and camera",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-desk-dark-concept-with-copy-space_23-2148459467.jpg",
alt: "Top view of desk dark concept with copy space",
},
{
src: "http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg",
alt: "Cup of tea lamp and laptop on the desktop at night",
},
{
src: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-59640.jpg",
alt: "Black laptop screen in a dark room at night",
},
{
src: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg",
alt: "Workers at an IT company working on a computer",
},
{ src: "http://img.b2bpic.net/free-photo/high-angle-desktop-with-laptop-camera_23-2148430858.jpg", alt: "High angle of desktop with laptop and camera" },
{ src: "http://img.b2bpic.net/free-photo/top-view-desk-dark-concept-with-copy-space_23-2148459467.jpg", alt: "Top view of desk dark concept with copy space" },
{ src: "http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg", alt: "Cup of tea lamp and laptop on the desktop at night" },
{ src: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-59640.jpg", alt: "Black laptop screen in a dark room at night" },
{ src: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg", alt: "Workers at an IT company working on a computer" },
]}
avatarText="Trusted by 150+ global brands"
marqueeItems={[
{
type: "text",
text: "Brand Evolution",
},
{
type: "text",
text: "SEO Dominance",
},
{
type: "text",
text: "Performance Marketing",
},
{
type: "text",
text: "Digital Strategy",
},
{
type: "text",
text: "Data Analytics",
},
{ type: "text", text: "Brand Evolution" },
{ type: "text", text: "SEO Dominance" },
{ type: "text", text: "Performance Marketing" },
{ type: "text", text: "Digital Strategy" },
{ type: "text", text: "Data Analytics" },
]}
/>
</div>
@@ -135,36 +79,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500%",
title: "Average ROAS Increase",
items: [
"Strategic ad spend optimization",
"High-frequency testing cycles",
"Precision audience targeting",
],
},
{
id: "m2",
value: "150+",
title: "Brands Scaled",
items: [
"End-to-end branding overhaul",
"SEO visibility expansion",
"Cross-platform consistency",
],
},
{
id: "m3",
value: "24/7",
title: "Performance Monitoring",
items: [
"Real-time KPI tracking",
"Automated anomaly detection",
"Immediate strategic adjustments",
],
},
{ id: "m1", value: "500%", title: "Average ROAS Increase", items: ["Strategic ad spend optimization", "High-frequency testing cycles", "Precision audience targeting"] },
{ id: "m2", value: "150+", title: "Brands Scaled", items: ["End-to-end branding overhaul", "SEO visibility expansion", "Cross-platform consistency"] },
{ id: "m3", value: "24/7", title: "Performance Monitoring", items: ["Real-time KPI tracking", "Automated anomaly detection", "Immediate strategic adjustments"] },
]}
title="Measurable Impact"
description="Numbers define the success of our creative strategies. We deliver results that scale your business."
@@ -177,51 +94,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "High-End Branding",
description: "Crafting unique visual identities that stand out in crowded digital landscapes.",
icon: PenTool,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884878.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desktop-with-laptop-magnifier_23-2148430895.jpg?_wi=2",
imageAlt: "web design UI concept neon dark",
},
{
title: "Advanced SEO",
description: "Dominating search rankings with ethical and data-driven optimization strategies.",
icon: Search,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-particles_1048-14872.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-holding-tablet_23-2148452667.jpg?_wi=1",
imageAlt: "web design UI concept neon dark",
},
{
title: "Performance Marketing",
description: "Generating tangible growth through precision-targeted media campaigns.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-stack-blue-conserves_23-2148785252.jpg?_wi=1",
imageAlt: "web design UI concept neon dark",
},
{ title: "High-End Branding", description: "Crafting unique visual identities that stand out in crowded digital landscapes.", icon: PenTool, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884878.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg" }] },
{ title: "Advanced SEO", description: "Dominating search rankings with ethical and data-driven optimization strategies.", icon: Search, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-particles_1048-14872.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg" }] },
{ title: "Performance Marketing", description: "Generating tangible growth through precision-targeted media campaigns.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" }] },
]}
title="Our Specialized Agency Ecosystem"
description="A comprehensive suite of digital services designed for elite brand presence."
@@ -230,52 +105,14 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split-description"
gridVariant="one-large-right-three-stacked-left"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "LuxBrand Overhaul",
price: "Strategic Branding",
variant: "Fashion Retail",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-holding-tablet_23-2148452667.jpg?_wi=2",
},
{
id: "p2",
name: "TechApp Growth",
price: "User Acquisition",
variant: "SaaS Platform",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-stack-blue-conserves_23-2148785252.jpg?_wi=2",
},
{
id: "p3",
name: "EcoIdentity System",
price: "Visual Identity",
variant: "Sustainable",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158014.jpg",
},
{
id: "p4",
name: "Global SEO Scale",
price: "Visibility Growth",
variant: "E-Commerce",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29673.jpg",
},
{
id: "p5",
name: "Agency Dashboard",
price: "Performance Tool",
variant: "Analytics",
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14896.jpg",
},
{
id: "p6",
name: "Experience Web",
price: "Design System",
variant: "Corporate",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg",
},
{ id: "p1", name: "LuxBrand Overhaul", price: "Strategic Branding", variant: "Fashion Retail", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-holding-tablet_23-2148452667.jpg" },
{ id: "p2", name: "TechApp Growth", price: "User Acquisition", variant: "SaaS Platform", imageSrc: "http://img.b2bpic.net/free-photo/front-view-stack-blue-conserves_23-2148785252.jpg" },
{ id: "p3", name: "EcoIdentity System", price: "Visual Identity", variant: "Sustainable", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158014.jpg" },
]}
title="Featured Case Studies"
description="Examples of digital evolution and business growth."
@@ -289,46 +126,11 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Rivers",
role: "CEO",
company: "Lux Retail",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-posing-office_23-2148452650.jpg",
},
{
id: "t2",
name: "Sarah Chen",
role: "Director",
company: "Appify",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg",
},
{
id: "t3",
name: "Markus Thorne",
role: "CMO",
company: "Eco Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-digital-device-home_23-2149105974.jpg",
},
{
id: "t4",
name: "Elena Rossi",
role: "Founder",
company: "DesignCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
},
{
id: "t5",
name: "Julian Vane",
role: "VP Operations",
company: "GrowthX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg",
},
{ id: "t1", name: "Alex Rivers", role: "CEO", company: "Lux Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-posing-office_23-2148452650.jpg" },
{ id: "t2", name: "Sarah Chen", role: "Director", company: "Appify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-designer-work_171337-15578.jpg" },
{ id: "t3", name: "Markus Thorne", role: "CMO", company: "Eco Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-digital-device-home_23-2149105974.jpg" },
{ id: "t4", name: "Elena Rossi", role: "Founder", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg" },
{ id: "t5", name: "Julian Vane", role: "VP Operations", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg" },
]}
title="Client Success Stories"
description="What industry leaders say about our strategic impact."
@@ -342,24 +144,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "team-1",
name: "Liam Vance",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
},
{
id: "team-2",
name: "Jordan P",
role: "Systems Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
},
{
id: "team-3",
name: "Maya Singh",
role: "Strategy Lead",
imageSrc: "http://img.b2bpic.net/free-photo/ethereal-portrait-with-floral-transparency_23-2151998045.jpg",
},
{ id: "team-1", name: "Liam Vance", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
{ id: "team-2", name: "Jordan P", role: "Systems Engineer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg" },
{ id: "team-3", name: "Maya Singh", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/ethereal-portrait-with-floral-transparency_23-2151998045.jpg" },
]}
title="Our Agency Visionaries"
description="The creative and analytical minds behind our growth strategies."
@@ -370,21 +157,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do we get started?",
content: "Book a discovery call so we can understand your business model.",
},
{
id: "f2",
title: "What is the typical timeline?",
content: "Projects usually range from 4 to 12 weeks depending on scope.",
},
{
id: "f3",
title: "Do you offer long-term support?",
content: "Yes, we have monthly performance marketing retainers available.",
},
{ id: "f1", title: "How do we get started?", content: "Book a discovery call so we can understand your business model." },
{ id: "f2", title: "What is the typical timeline?", content: "Projects usually range from 4 to 12 weeks depending on scope." },
{ id: "f3", title: "Do you offer long-term support?", content: "Yes, we have monthly performance marketing retainers available." },
]}
sideTitle="Agency FAQ"
sideDescription="Common questions about working with Rayan Tarh."
@@ -395,9 +170,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Talk"
title="Ready to Transform Your Brand?"
description="Drop us a line to discuss how Rayan Tarh can elevate your digital presence."
@@ -407,38 +180,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#features",
},
{
label: "Portfolio",
href: "#products",
},
{
label: "About",
href: "#team",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#features" }, { label: "Portfolio", href: "#products" }, { label: "About", href: "#team" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="Rayan Tarh"
/>