Merge version_1 into main #1
233
src/app/page.tsx
233
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Rosa Digital"
|
||||
/>
|
||||
@@ -59,32 +51,20 @@ export default function LandingPage() {
|
||||
description="Rosa Digital crafts premium digital experiences for forward-thinking brands that demand distinction, clarity, and measurable impact in an evolving market."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-with-coffee-notebook_23-2148173452.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg",
|
||||
alt: "Business woman portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg", alt: "Business woman portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Close-up of positive executive at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Close-up of positive executive at work"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-young-successful-businessman-posing-dark-background-copy-space_1258-103972.jpg",
|
||||
alt: "Business Concept portrait young successful businessman posing over dark background Copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-young-successful-businessman-posing-dark-background-copy-space_1258-103972.jpg", alt: "Business Concept portrait young successful businessman posing over dark background Copy space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
alt: "Portrait of young smiling woman looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", alt: "Portrait of young smiling woman looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "Closeup of Happy Middle-aged Business Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Closeup of Happy Middle-aged Business Leader"},
|
||||
]}
|
||||
avatarText="Trusted by 200+ industry leaders"
|
||||
/>
|
||||
@@ -97,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Industry Awards", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Served",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Clients Served", value: "200+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Markets Global",
|
||||
value: "12",
|
||||
},
|
||||
label: "Markets Global", value: "12"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,19 +97,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your core identity and messaging for maximum market impact.",
|
||||
},
|
||||
title: "Brand Strategy", description: "Defining your core identity and messaging for maximum market impact."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "UI/UX Design",
|
||||
description: "Creating intuitive and beautiful interfaces that engage your audience deeply.",
|
||||
},
|
||||
title: "UI/UX Design", description: "Creating intuitive and beautiful interfaces that engage your audience deeply."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Web Development",
|
||||
description: "Robust, high-performance web applications built for scale and security.",
|
||||
},
|
||||
title: "Web Development", description: "Robust, high-performance web applications built for scale and security."},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive digital solutions tailored to elevate your brand identity and market position."
|
||||
@@ -144,52 +112,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Discovery & Research",
|
||||
price: "Step 01",
|
||||
variant: "Deep dive into your goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
},
|
||||
id: "p1", name: "Discovery & Research", price: "Step 01", variant: "Deep dive into your goals.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strategic Concepting",
|
||||
price: "Step 02",
|
||||
variant: "Mapping the creative roadmap.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
id: "p2", name: "Strategic Concepting", price: "Step 02", variant: "Mapping the creative roadmap.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Design Execution",
|
||||
price: "Step 03",
|
||||
variant: "Bringing concepts to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
id: "p3", name: "Design Execution", price: "Step 03", variant: "Bringing concepts to life.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Agile Development",
|
||||
price: "Step 04",
|
||||
variant: "Building robust solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
},
|
||||
id: "p4", name: "Agile Development", price: "Step 04", variant: "Building robust solutions.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Quality Assurance",
|
||||
price: "Step 05",
|
||||
variant: "Rigorous testing protocols.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
|
||||
},
|
||||
id: "p5", name: "Quality Assurance", price: "Step 05", variant: "Rigorous testing protocols.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Launch & Optimization",
|
||||
price: "Step 06",
|
||||
variant: "Constant refinement cycle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
|
||||
},
|
||||
id: "p6", name: "Launch & Optimization", price: "Step 06", variant: "Constant refinement cycle.", imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg"},
|
||||
]}
|
||||
title="Our Proven Process"
|
||||
description="A refined, step-by-step approach ensuring alignment, creativity, and execution perfection in every project delivery."
|
||||
@@ -203,59 +142,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "CTO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg",
|
||||
},
|
||||
id: "2", name: "James Chen", role: "CTO", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Founder",
|
||||
company: "Lux",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", role: "Founder", company: "Lux", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Marketing",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Marketing", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
role: "Design Lead",
|
||||
company: "Vivid",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",
|
||||
},
|
||||
id: "5", name: "Maria Lopez", role: "Design Lead", company: "Vivid", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
value: "98%", label: "Client Retention"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Avg Response",
|
||||
},
|
||||
value: "24h", label: "Avg Response"},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="We are proud to partner with exceptional brands across the globe."
|
||||
@@ -270,25 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5M+",
|
||||
title: "Traffic Growth",
|
||||
description: "Across client projects.",
|
||||
icon: TrendingUp,
|
||||
id: "m1", value: "2.5M+", title: "Traffic Growth", description: "Across client projects.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products Built",
|
||||
description: "Scalable digital assets.",
|
||||
icon: Package,
|
||||
id: "m2", value: "500+", title: "Products Built", description: "Scalable digital assets.", icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
title: "Efficiency Gain",
|
||||
description: "In process automation.",
|
||||
icon: Box,
|
||||
id: "m3", value: "85%", title: "Efficiency Gain", description: "In process automation.", icon: Box,
|
||||
},
|
||||
]}
|
||||
title="Impact Delivered"
|
||||
@@ -301,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Most engagements span between 8 to 12 weeks depending on scope.",
|
||||
},
|
||||
id: "q1", title: "What is the typical project timeline?", content: "Most engagements span between 8 to 12 weeks depending on scope."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide maintenance after launch?",
|
||||
content: "Yes, we offer ongoing support and optimization packages post-launch.",
|
||||
},
|
||||
id: "q2", title: "Do you provide maintenance after launch?", content: "Yes, we offer ongoing support and optimization packages post-launch."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle enterprise projects?",
|
||||
content: "Absolutely, we specialize in high-scale enterprise digital transformation.",
|
||||
},
|
||||
id: "q3", title: "Can you handle enterprise projects?", content: "Absolutely, we specialize in high-scale enterprise digital transformation."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about working with us."
|
||||
@@ -326,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Start?"
|
||||
description="Contact our team for a consultation on your next big digital initiative."
|
||||
@@ -338,42 +224,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Process", href: "#process"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Branding",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Branding", href: "#services"},
|
||||
{
|
||||
label: "Development",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Development", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user