Merge version_1 into main #1
322
src/app/page.tsx
322
src/app/page.tsx
@@ -25,241 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Resurrrect"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Resurrrect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
title="Redefining Identity."
|
||||
description="Welcome to the future of digital presence. Where innovation meets precision in every pixel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-using-computer-graphics-tablet_171337-15702.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-background-with-smoky-circles-generative-al_169016-28438.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991316.jpg",
|
||||
imageAlt: "abstract dark tech background",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Redefining Identity."
|
||||
description="Welcome to the future of digital presence. Where innovation meets precision in every pixel."
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-using-computer-graphics-tablet_171337-15702.jpg", imageAlt: "abstract dark tech background" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-background-with-smoky-circles-generative-al_169016-28438.jpg", imageAlt: "abstract dark tech background" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg", imageAlt: "abstract dark tech background" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg", imageAlt: "abstract dark tech background" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg", imageAlt: "abstract dark tech background" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991316.jpg", imageAlt: "abstract dark tech background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="We are Resurrrect."
|
||||
description="We build digital identities for the bold. Our work is defined by a commitment to excellence and a relentless drive for innovation. We don't just create; we transform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="We are Resurrrect."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about our digital transformation process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-low-poly-plexus-design_1048-13390.jpg"
|
||||
imageAlt="3D render of a modern network communications low poly plexus design"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you define digital transformation?",
|
||||
content: "Digital transformation is the core of our business; we shift legacy brand identities into high-performance, modern digital assets.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your primary design aesthetic?",
|
||||
content: "We focus on high-contrast, minimalist, and tech-forward aesthetics that command attention.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you work with startups?",
|
||||
content: "Absolutely. We thrive on helping emerging companies build their foundational brand identity.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Timelines vary depending on scope, but we typically deliver full identity overhauls in 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How can I start working with you?",
|
||||
content: "Simply fill out our contact form, and we will schedule an initial consultation to discuss your vision.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about our digital transformation process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-low-poly-plexus-design_1048-13390.jpg"
|
||||
imageAlt="3D render of a modern network communications low poly plexus design"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do you define digital transformation?", content: "Digital transformation is the core of our business; we shift legacy brand identities into high-performance, modern digital assets." },
|
||||
{ id: "2", title: "What is your primary design aesthetic?", content: "We focus on high-contrast, minimalist, and tech-forward aesthetics that command attention." },
|
||||
{ id: "3", title: "Can you work with startups?", content: "Absolutely. We thrive on helping emerging companies build their foundational brand identity." },
|
||||
{ id: "4", title: "What is the typical project timeline?", content: "Timelines vary depending on scope, but we typically deliver full identity overhauls in 4-8 weeks." },
|
||||
{ id: "5", title: "How can I start working with you?", content: "Simply fill out our contact form, and we will schedule an initial consultation to discuss your vision." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say about the Resurrrect experience."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "Resurrrect transformed our entire brand aesthetic. Absolutely top-tier work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office_171337-15586.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Smith",
|
||||
handle: "@jamie_codes",
|
||||
testimonial: "Their approach to digital identity is years ahead of the competition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-drawing-office_171337-15542.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Taylor",
|
||||
handle: "@samtaylor",
|
||||
testimonial: "Professional, efficient, and exceptionally creative. Highly recommended.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan Lee",
|
||||
handle: "@mlee_dev",
|
||||
testimonial: "A seamless experience from start to finish. Our traffic has doubled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey Jones",
|
||||
handle: "@casey_j",
|
||||
testimonial: "The design work exceeded all our expectations. Truly a resurrection for our brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-working-from-home-night_23-2148499673.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say about the Resurrrect experience."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivers", handle: "@arivers", testimonial: "Resurrrect transformed our entire brand aesthetic. Absolutely top-tier work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office_171337-15586.jpg" },
|
||||
{ id: "2", name: "Jamie Smith", handle: "@jamie_codes", testimonial: "Their approach to digital identity is years ahead of the competition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-drawing-office_171337-15542.jpg" },
|
||||
{ id: "3", name: "Sam Taylor", handle: "@samtaylor", testimonial: "Professional, efficient, and exceptionally creative. Highly recommended.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg" },
|
||||
{ id: "4", name: "Morgan Lee", handle: "@mlee_dev", testimonial: "A seamless experience from start to finish. Our traffic has doubled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg" },
|
||||
{ id: "5", name: "Casey Jones", handle: "@casey_j", testimonial: "The design work exceeded all our expectations. Truly a resurrection for our brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-working-from-home-night_23-2148499673.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Reach out to us for inquiries or collaboration. Email: resurrrectrt@gmail.com"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103686.jpg"
|
||||
imageAlt="abstract blue tech background"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Reach out to us for inquiries or collaboration. Email: resurrrectrt@gmail.com"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103686.jpg"
|
||||
imageAlt="abstract blue tech background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Resurrrect"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/resurrrect.rt",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@resurrrect",
|
||||
},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:resurrrectrt@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Resurrrect. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Resurrrect"
|
||||
columns={[
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/resurrrect.rt" }, { label: "TikTok", href: "https://tiktok.com/@resurrrect" }, { label: "Discord", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:resurrrectrt@gmail.com" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Resurrrect. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user