Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
337
src/app/page.tsx
337
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Case Studies",
|
||||
id: "case-studies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "portfolio" },
|
||||
{ name: "Case Studies", id: "case-studies" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ROSFAY"
|
||||
/>
|
||||
@@ -60,102 +45,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="We Build The Future of Digital Brands"
|
||||
description="RosFay is a next-generation creative studio crafting elite logos, futuristic websites, AI-powered experiences, and luxury digital identities for modern brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@chen_tech",
|
||||
testimonial: "RosFay transformed our identity into something truly futuristic. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@mv_ai",
|
||||
testimonial: "The AI integration in our new site is mind-blowing. They are years ahead of the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Ross",
|
||||
handle: "@eross_creative",
|
||||
testimonial: "God-tier design sensibility. My startup feels like a billion-dollar entity now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@ak_dev",
|
||||
testimonial: "The aesthetic is clean, cinematic, and incredibly polished. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia J.",
|
||||
handle: "@sofj_brand",
|
||||
testimonial: "An incredible experience. RosFay isn't just a studio, it's a partner in innovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg",
|
||||
},
|
||||
{ name: "Sarah Chen", handle: "@chen_tech", testimonial: "RosFay transformed our identity into something truly futuristic. The attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg" },
|
||||
{ name: "Marcus V.", handle: "@mv_ai", testimonial: "The AI integration in our new site is mind-blowing. They are years ahead of the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
|
||||
{ name: "Elena Ross", handle: "@eross_creative", testimonial: "God-tier design sensibility. My startup feels like a billion-dollar entity now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg" },
|
||||
{ name: "Alex K.", handle: "@ak_dev", testimonial: "The aesthetic is clean, cinematic, and incredibly polished. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916027.jpg" },
|
||||
{ name: "Sofia J.", handle: "@sofj_brand", testimonial: "An incredible experience. RosFay isn't just a studio, it's a partner in innovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
{ text: "Explore Work", href: "#portfolio" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627916.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/facility-supervisor-suit-monitoring-solar-panel-production-line_482257-126102.jpg",
|
||||
alt: "Client avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg", alt: "Client avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "Client avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg", alt: "Client avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", alt: "Client avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/facility-supervisor-suit-monitoring-solar-panel-production-line_482257-126102.jpg", alt: "Client avatar 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "CYBERNETIC LUXURY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI DRIVEN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FUTURE READY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELITE DESIGN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NEXT GEN",
|
||||
},
|
||||
{ type: "text", text: "CYBERNETIC LUXURY" },
|
||||
{ type: "text", text: "AI DRIVEN" },
|
||||
{ type: "text", text: "FUTURE READY" },
|
||||
{ type: "text", text: "ELITE DESIGN" },
|
||||
{ type: "text", text: "NEXT GEN" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,78 +87,31 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
title="Our Elite Services"
|
||||
description="We craft premium digital identities using cutting-edge design and AI-integrated technology."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Logo Design",
|
||||
content: "Crafting unique, high-end logos that capture the soul of your futuristic brand identity.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Website Development",
|
||||
content: "Ultra-smooth, responsive, and high-performance websites built with a cinematic edge.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Brand Systems",
|
||||
content: "Scalable, modern, and elite brand architecture for companies looking to dominate the future.",
|
||||
},
|
||||
{ id: "s1", title: "Logo Design", content: "Crafting unique, high-end logos that capture the soul of your futuristic brand identity." },
|
||||
{ id: "s2", title: "Website Development", content: "Ultra-smooth, responsive, and high-performance websites built with a cinematic edge." },
|
||||
{ id: "s3", title: "Brand Systems", content: "Scalable, modern, and elite brand architecture for companies looking to dominate the future." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151293868.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Quantum Interface",
|
||||
price: "AI Startup",
|
||||
variant: "2035",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-home-screen_23-2148744105.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Finance",
|
||||
price: "Luxury SaaS",
|
||||
variant: "2036",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "HyperNova Web",
|
||||
price: "Tech Identity",
|
||||
variant: "2035",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-template-design_23-2150396322.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aether Identity",
|
||||
price: "Crypto Start",
|
||||
variant: "2037",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22689.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flux Systems",
|
||||
price: "Global Scale",
|
||||
variant: "2038",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137357.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nova Ledger",
|
||||
price: "Fintech Labs",
|
||||
variant: "2039",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Quantum Interface", price: "AI Startup", variant: "2035", imageSrc: "http://img.b2bpic.net/free-vector/elegant-home-screen_23-2148744105.jpg" },
|
||||
{ id: "p2", name: "Neon Finance", price: "Luxury SaaS", variant: "2036", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg" },
|
||||
{ id: "p3", name: "HyperNova Web", price: "Tech Identity", variant: "2035", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-template-design_23-2150396322.jpg" },
|
||||
{ id: "p4", name: "Aether Identity", price: "Crypto Start", variant: "2037", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22689.jpg" },
|
||||
{ id: "p5", name: "Flux Systems", price: "Global Scale", variant: "2038", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137357.jpg" },
|
||||
{ id: "p6", name: "Nova Ledger", price: "Fintech Labs", variant: "2039", imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing our best work for AI startups, luxury tech, and finance brands."
|
||||
@@ -254,24 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Projects Launched",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Design Awards",
|
||||
value: "42",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Client Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Projects Launched", value: "150+" },
|
||||
{ id: "m2", icon: Award, title: "Design Awards", value: "42" },
|
||||
{ id: "m3", icon: Star, title: "Client Satisfaction", value: "100%" }
|
||||
]}
|
||||
title="Impact Delivered"
|
||||
description="Numbers that define our elite performance."
|
||||
@@ -280,44 +135,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@chen_tech",
|
||||
testimonial: "Unparalleled design capability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus V.",
|
||||
handle: "@mv_ai",
|
||||
testimonial: "They built the future today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
handle: "@eross_creative",
|
||||
testimonial: "God-tier design standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alex K.",
|
||||
handle: "@ak_dev",
|
||||
testimonial: "Truly modern aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia J.",
|
||||
handle: "@sofj_brand",
|
||||
testimonial: "An incredible experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-posing-with-blue-light_23-2149596263.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Chen", handle: "@chen_tech", testimonial: "Unparalleled design capability.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg" },
|
||||
{ id: "t2", name: "Marcus V.", handle: "@mv_ai", testimonial: "They built the future today.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg" },
|
||||
{ id: "t3", name: "Elena Ross", handle: "@eross_creative", testimonial: "God-tier design standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg" },
|
||||
{ id: "t4", name: "Alex K.", handle: "@ak_dev", testimonial: "Truly modern aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "t5", name: "Sofia J.", handle: "@sofj_brand", testimonial: "An incredible experience.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-posing-with-blue-light_23-2149596263.jpg" }
|
||||
]}
|
||||
title="Words From Our Elite Partners"
|
||||
description="Trusted by visionary leaders across the global tech sector."
|
||||
@@ -326,41 +152,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<BlogCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Selected Case Studies"
|
||||
description="Deep dives into how we redefine digital reality."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "UI/UX",
|
||||
title: "Quantum AI Interface",
|
||||
excerpt: "Reimagining data as a living digital ecosystem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
|
||||
authorName: "RosFay",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-436.jpg",
|
||||
date: "2035",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Fintech",
|
||||
title: "Neon Finance Rebrand",
|
||||
excerpt: "How we combined trust with cyberpunk aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-identification-interfaces-background_1284-26510.jpg",
|
||||
authorName: "RosFay",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/male-building-contractor-solar-panel-plant-conducts-routine-inspection_482257-126007.jpg",
|
||||
date: "2036",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "SaaS",
|
||||
title: "HyperNova Platform",
|
||||
excerpt: "Scalable infrastructure with an elite interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg",
|
||||
authorName: "RosFay",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg",
|
||||
date: "2037",
|
||||
},
|
||||
{ id: "b1", category: "UI/UX", title: "Quantum AI Interface", excerpt: "Reimagining data as a living digital ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-436.jpg", date: "2035" },
|
||||
{ id: "b2", category: "Fintech", title: "Neon Finance Rebrand", excerpt: "How we combined trust with cyberpunk aesthetics.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-identification-interfaces-background_1284-26510.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/male-building-contractor-solar-panel-plant-conducts-routine-inspection_482257-126007.jpg", date: "2036" },
|
||||
{ id: "b3", category: "SaaS", title: "HyperNova Platform", excerpt: "Scalable infrastructure with an elite interface.", imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg", authorName: "RosFay", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg", date: "2037" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -368,17 +168,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="Let’s Build Something Insane"
|
||||
description="Reach out to start your project. hello.rosfay@gmail.com"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello.rosfay@gmail.com",
|
||||
},
|
||||
{ text: "Contact Us", href: "mailto:hello.rosfay@gmail.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -386,38 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#case-studies",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/Rosfay.uk",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }, { label: "Case Studies", href: "#case-studies" }] },
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Instagram", href: "https://instagram.com/Rosfay.uk" }] }
|
||||
]}
|
||||
logoText="ROSFAY"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user