Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -25,231 +25,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="StudioNova"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="StudioNova"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="We Don't Make Websites. We Create Presence."
|
||||
description="Where vision becomes digital luxury. StudioNova engineers high-end, bespoke digital experiences for the modern era."
|
||||
tag="StudioNova"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-accessories-coffee-cup-earphone-eyeglasses-keyboard-black-background_23-2148052543.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-near-pot_23-2147811216.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599228.jpg",
|
||||
imageAlt: "Luxurious Hero 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="We Don't Make Websites. We Create Presence."
|
||||
description="Where vision becomes digital luxury. StudioNova engineers high-end, bespoke digital experiences for the modern era."
|
||||
tag="StudioNova"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg", imageAlt: "Luxurious Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/personal-accessories-coffee-cup-earphone-eyeglasses-keyboard-black-background_23-2148052543.jpg", imageAlt: "Luxurious Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg", imageAlt: "Luxurious Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/twigs-near-pot_23-2147811216.jpg", imageAlt: "Luxurious Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg", imageAlt: "Luxurious Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599228.jpg", imageAlt: "Luxurious Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Designing the Future. Beautifully."
|
||||
description={[
|
||||
"StudioNova exists at the intersection of high art and rigorous engineering. We believe that digital presence should feel as exclusive and polished as a bespoke tailored suit.",
|
||||
"Our philosophy is rooted in restraint. We remove the noise to reveal the core essence of your brand, ensuring every pixel carries weight and purpose.",
|
||||
]}
|
||||
showBorder={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Designing the Future. Beautifully."
|
||||
description={[
|
||||
"StudioNova exists at the intersection of high art and rigorous engineering. We believe that digital presence should feel as exclusive and polished as a bespoke tailored suit.", "Our philosophy is rooted in restraint. We remove the noise to reveal the core essence of your brand, ensuring every pixel carries weight and purpose."
|
||||
]}
|
||||
showBorder={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Financial UI",
|
||||
price: "View Project",
|
||||
variant: "Web UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Fashion Site",
|
||||
price: "View Project",
|
||||
variant: "Brand Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-bags-white-sunglasses-lifestyle-young-women_146671-18150.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "SaaS Platform",
|
||||
price: "View Project",
|
||||
variant: "Analytics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Auto Configurator",
|
||||
price: "View Project",
|
||||
variant: "3D Interactive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913295.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Real Estate UI",
|
||||
price: "View Project",
|
||||
variant: "Architectural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-133821.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fintech Mobile",
|
||||
price: "View Project",
|
||||
variant: "Mobile App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-54907.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of our most ambitious ventures, ranging from AI-driven dashboards to luxury brand ecosystems."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{ id: "p1", name: "AI Financial UI", price: "View Project", variant: "Web UI", imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg" },
|
||||
{ id: "p2", name: "Luxury Fashion Site", price: "View Project", variant: "Brand Identity", imageSrc: "http://img.b2bpic.net/free-photo/shopping-bags-white-sunglasses-lifestyle-young-women_146671-18150.jpg" },
|
||||
{ id: "p3", name: "SaaS Platform", price: "View Project", variant: "Analytics", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg" },
|
||||
{ id: "p4", name: "Auto Configurator", price: "View Project", variant: "3D Interactive", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913295.jpg" },
|
||||
{ id: "p5", name: "Real Estate UI", price: "View Project", variant: "Architectural", imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-133821.jpg" },
|
||||
{ id: "p6", name: "Fintech Mobile", price: "View Project", variant: "Mobile App", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-54907.jpg" }
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of our most ambitious ventures, ranging from AI-driven dashboards to luxury brand ecosystems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Client Perspectives"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-accessories-coffee-cup-earphone-eyeglasses-keyboard-black-background_23-2148052543.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Vostok",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-near-pot_23-2147811216.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julian Saint",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Client Perspectives"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dark-abstract-background-with-golden-diagonal-lines_84443-83741.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/personal-accessories-coffee-cup-earphone-eyeglasses-keyboard-black-background_23-2148052543.jpg" },
|
||||
{ id: "t3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg" },
|
||||
{ id: "t4", name: "Elena Vostok", imageSrc: "http://img.b2bpic.net/free-photo/twigs-near-pot_23-2147811216.jpg" },
|
||||
{ id: "t5", name: "Julian Saint", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Are you ready to elevate your brand presence? Let's begin the conversation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Discovery",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Are you ready to elevate your brand presence? Let's begin the conversation."
|
||||
buttons={[{ text: "Schedule Discovery", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "StudioNova",
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 StudioNova. All rights reserved."
|
||||
bottomRightText="Design & Engineering"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "StudioNova", items: [
|
||||
{ label: "Philosophy", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Inquire", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 StudioNova. All rights reserved."
|
||||
bottomRightText="Design & Engineering"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user