Update src/app/page.tsx
This commit is contained in:
398
src/app/page.tsx
398
src/app/page.tsx
@@ -27,301 +27,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Innovate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Innovate"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Elevating Your Vision"
|
||||
description="Premium strategies for high-end projects. Let's build your legacy together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=1",
|
||||
imageAlt: "Luxury Office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=1",
|
||||
imageAlt: "Abstract Gold",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=1",
|
||||
imageAlt: "Professional Desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=2",
|
||||
imageAlt: "Luxury Office 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=2",
|
||||
imageAlt: "Abstract Gold 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=2",
|
||||
imageAlt: "Professional Desk 2",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevating Your Vision"
|
||||
description="Premium strategies for high-end projects. Let's build your legacy together."
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "#contact" },
|
||||
{ text: "See Our Work", href: "#features" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg", imageAlt: "Luxury Office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg", imageAlt: "Abstract Gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg", imageAlt: "Professional Desk" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Satisfaction Rate",
|
||||
value: "100%",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "On-Time Delivery",
|
||||
value: "100%",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Client Rating",
|
||||
value: "5.0 ★",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Delivering premium results for private clients worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Satisfaction Rate", value: "100%", icon: CheckCircle },
|
||||
{ id: "m2", title: "On-Time Delivery", value: "100%", icon: Clock },
|
||||
{ id: "m3", title: "Client Rating", value: "5.0 ★", icon: Star },
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Delivering premium results for private clients worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Innovate"
|
||||
description={[
|
||||
"We define luxury through precision and creativity. Every project is an opportunity to craft something truly exceptional for our partners.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Innovate"
|
||||
description={["We define luxury through precision and creativity. Every project is an opportunity to craft something truly exceptional for our partners."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your market identity with authority and gold-standard metrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=3",
|
||||
imageAlt: "Strategy",
|
||||
},
|
||||
{
|
||||
title: "Digital Design",
|
||||
description: "High-end UI/UX craft that bridges luxury and performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=3",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
{
|
||||
title: "Creative Consulting",
|
||||
description: "Expert advice to steer your vision toward long-term success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=3",
|
||||
imageAlt: "Consulting",
|
||||
},
|
||||
{
|
||||
title: "Performance Optimization",
|
||||
description: "Speed and precision integrated into every digital asset.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=4",
|
||||
imageAlt: "Optimization",
|
||||
},
|
||||
{
|
||||
title: "Content Production",
|
||||
description: "Elite assets created to showcase your vision to the world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=4",
|
||||
imageAlt: "Content",
|
||||
},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Seamless execution across all channels and borders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=4",
|
||||
imageAlt: "Logistics",
|
||||
},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Tailored solutions for discerning clients seeking perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Brand Strategy", description: "Defining your market identity with authority and gold-standard metrics.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg", imageAlt: "Strategy" },
|
||||
{ title: "Digital Design", description: "High-end UI/UX craft that bridges luxury and performance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg", imageAlt: "Design" },
|
||||
{ title: "Creative Consulting", description: "Expert advice to steer your vision toward long-term success.", imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg", imageAlt: "Consulting" },
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Tailored solutions for discerning clients seeking perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "The precision and luxury standard provided were truly unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Roberts",
|
||||
handle: "@mroberts",
|
||||
testimonial: "Innovate turned my vague vision into a sophisticated reality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-elegant-suit-holds-black-hat-isolated-dark-background_613910-6600.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Exceptional service. The golden standard for creative consulting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "Reliable, fast, and incredibly professional throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "The design aesthetic is simply world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Perspectives"
|
||||
description="Hear directly from those who trust our expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "The precision and luxury standard provided were truly unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t2", name: "Mark Roberts", handle: "@mroberts", testimonial: "Innovate turned my vague vision into a sophisticated reality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-elegant-suit-holds-black-hat-isolated-dark-background_613910-6600.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "Exceptional service. The golden standard for creative consulting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Perspectives"
|
||||
description="Hear directly from those who trust our expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-banner" data-section="cta-banner">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to begin?"
|
||||
title="Start your premium project today."
|
||||
description="Unlock exclusive access to our elite creative team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta-banner" data-section="cta-banner">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to begin?"
|
||||
title="Start your premium project today."
|
||||
description="Unlock exclusive access to our elite creative team."
|
||||
buttons={[{ text: "Contact Us Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Inquire About Your Project"
|
||||
description="Select your project type and let us handle the rest."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Inquire About Your Project"
|
||||
description="Select your project type and let us handle the rest."
|
||||
buttons={[{ text: "Send Message", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Innovate",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "email@innovate.com",
|
||||
href: "mailto:email@innovate.com",
|
||||
},
|
||||
{
|
||||
label: "+1 (555) 000-0000",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Innovate Creative Studio."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Innovate", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "email@innovate.com", href: "mailto:email@innovate.com" }, { label: "+1 (555) 000-0000", href: "tel:+15550000000" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Innovate Creative Studio."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user