Merge version_3 into main #3
354
src/app/page.tsx
354
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Truck, ShieldCheck, Clock, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,228 +20,143 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="HumanHeritage"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="New Era"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Guided by care, built for results."
|
||||
description="Stop searching for vendors and find partners who actually care. We build, grow, and maintain your digital footprint with the same attention you give your own."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "He actually cared. He followed through. It felt personal.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-listening-music-together_53876-30646.jpg?_wi=1", imageAlt: "person smiling candid portrait"},
|
||||
{
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Rare to find someone so committed to the outcome.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-businesswomen-trying-discuss-with-disconnected-detached-ceo_482257-128606.jpg?_wi=1", imageAlt: "person smiling candid portrait"},
|
||||
{
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Their human-centric approach changed everything for us.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg?_wi=1", imageAlt: "person smiling candid portrait"},
|
||||
{
|
||||
name: "James W.", handle: "@jamesw", testimonial: "Simply the most reliable team I have ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-natural-material-stationery_23-2148898235.jpg?_wi=1", imageAlt: "person smiling candid portrait"},
|
||||
{
|
||||
name: "Linda M.", handle: "@lindam", testimonial: "True partners in every sense of the word. Exceptional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-flower_23-2149513257.jpg?_wi=1", imageAlt: "person smiling candid portrait"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-listening-music-together_53876-30646.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-couple-laying-together_23-2148311283.jpg", alt: "High angle couple laying together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cute-couple-spending-time-together_23-2148311344.jpg", alt: "Close-up cute couple spending time together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-lying-grass_23-2148020043.jpg", alt: "Young couple lying on grass"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-night_23-2149218327.jpg", alt: "Couple having a date at night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg", alt: "Inclusive workspace atmosphere at an office job"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Quality Driven"},
|
||||
{
|
||||
type: "text", text: "Rooted Integrity"},
|
||||
{
|
||||
type: "text", text: "Sustainable Growth"},
|
||||
{
|
||||
type: "text", text: "Human Centric"},
|
||||
{
|
||||
type: "text", text: "Reliable Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
tag="Moving Made Simple"
|
||||
title="Your Trusted Partner for a Seamless Move"
|
||||
description="From packing to storage, New Era Moving and Storage treats your belongings like our own. Professional, reliable, and stress-free transport services."
|
||||
buttonText="Get Started"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A human approach to digital growth"
|
||||
description="We believe technology is just a vessel for people to connect. We cut through the noise of corporate speak to deliver clear, meaningful progress that actually matters to you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Rooted Integrity", description: "We do exactly what we promise, even when no one is watching."},
|
||||
{
|
||||
title: "Human-First Design", description: "Systems that breathe and evolve with your business needs."},
|
||||
{
|
||||
title: "End-to-End Care", description: "We are your partners from the first line of code to the final launch."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-businesswomen-trying-discuss-with-disconnected-detached-ceo_482257-128606.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by thousands of families"
|
||||
names={["BBB Accredited", "A+ Rating", "Licensed & Insured", "Local Expert", "National Reach"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Direct Communication", description: "Speak directly to the people building your product, not account managers.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599220.jpg?_wi=2"},
|
||||
{
|
||||
title: "Full Visibility", description: "No black boxes. You know exactly what’s happening at every stage.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-natural-material-stationery_23-2148898235.jpg?_wi=2"},
|
||||
{
|
||||
title: "Long-term Maintenance", description: "We stay long after launch to ensure your growth is sustainable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-flower_23-2149513257.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why we do it differently"
|
||||
description="Focus on what matters. We handle the technical heavy lifting while you focus on vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Why New Era"
|
||||
title="More than just a moving company"
|
||||
description="We believe moving shouldn't be a source of anxiety. We combine traditional care with modern efficiency to ensure your transition is as smooth as possible."
|
||||
subdescription="Our deep forest green standard reflects our commitment to growth, integrity, and the lasting relationships we build with every client."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://images.unsplash.com/photo-1600518464441-9154a4dea6b9?auto=format&fit=crop&q=80&w=1200"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice T.", handle: "@alicet", testimonial: "Simply incredible work. Honest, kind, and brilliant.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg"},
|
||||
{
|
||||
id: "2", name: "Bob B.", handle: "@bobb", testimonial: "Felt like they cared as much about the product as I did.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg"},
|
||||
{
|
||||
id: "3", name: "Charlie C.", handle: "@char", testimonial: "I've never felt this supported in a project before.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg"},
|
||||
{
|
||||
id: "4", name: "Diana D.", handle: "@diana", testimonial: "Transparent, hard-working, and genuinely nice people.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{
|
||||
id: "5", name: "Edward E.", handle: "@eddy", testimonial: "They follow through on everything. So reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
|
||||
]}
|
||||
title="What our partners say"
|
||||
description="Hear directly from those we've helped reach their growth goals."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
tag="The Process"
|
||||
title="How It Works"
|
||||
description="Our 3-step approach takes the heavy lifting off your shoulders."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "1. Schedule & Quote", description: "Fill out our simple form to get a transparent estimate tailored to your move size.", imageSrc: "https://images.unsplash.com/photo-1544465544-d6217f73f27f?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "2. Careful Packing", description: "Our trained professionals pack, wrap, and secure your items with the utmost care.", imageSrc: "https://images.unsplash.com/photo-1596464911762-2ca8b1853a6e?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "3. Safe Transport", description: "We track your items from pickup to arrival, ensuring everything stays safe in transit.", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&q=80&w=800" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft", "Google", "Apple", "Stripe", "Airbnb", "Netflix", "Spotify"]}
|
||||
title="Trusted by ambitious teams"
|
||||
description="Collaborating with visionaries across diverse industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<MetricCardTwo
|
||||
title="Services Tailored for You"
|
||||
description="We offer a full suite of relocation solutions to meet your unique needs."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "s1", value: "Residential", description: "Home moving across town or across the country." },
|
||||
{ id: "s2", value: "Storage", description: "Secure, temperature-controlled storage options." },
|
||||
{ id: "s3", value: "Packing", description: "Full-service packing and unpacking assistance." },
|
||||
{ id: "s4", value: "Commercial", description: "Office and business relocation professionals." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "98%", title: "Client Retention", description: "Partners who stay for the long haul.", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9934.jpg"},
|
||||
{
|
||||
id: "m2", value: "150+", title: "Successful Launches", description: "Products delivered on time, every time.", imageSrc: "http://img.b2bpic.net/free-photo/blue-monday-with-cloud-wooden-cubes_23-2148745672.jpg"},
|
||||
{
|
||||
id: "m3", value: "5k+", title: "Hours Saved", description: "Automating busywork so you can innovate.", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-computer-mouse-paper-cup-bright-paper-sticker-top-view_169016-33761.jpg"},
|
||||
]}
|
||||
title="Our impact by the numbers"
|
||||
description="Consistent results rooted in steady, reliable growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Customers Say"
|
||||
description="Hear why families and businesses trust New Era with their most important transitions."
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
kpiItems={[
|
||||
{ value: "4.9/5", label: "Customer Rating" },
|
||||
{ value: "10k+", label: "Moves Completed" },
|
||||
{ value: "98%", label: "Referral Rate" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah M.", role: "Homeowner", company: "Chicago, IL", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200" },
|
||||
{ id: "t2", name: "James T.", role: "Business Owner", company: "Denver, CO", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How do you handle communication?", content: "We use dedicated Slack channels and weekly syncs to keep you updated."},
|
||||
{
|
||||
id: "f2", title: "What if I have urgent needs?", content: "We build with resilience and offer priority support for critical tasks."},
|
||||
{
|
||||
id: "f3", title: "Do you work with startups?", content: "Absolutely. We love helping founders turn ideas into reality."},
|
||||
]}
|
||||
sideTitle="Common questions"
|
||||
sideDescription="Everything you need to know about working with us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
title="Credentials & Partners"
|
||||
names={["American Moving & Storage Assoc.", "Better Business Bureau", "FMCSA Licensed", "Verified Reviews"]
|
||||
}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Start your journey today"
|
||||
description="Ready to build something that feels personal? Get in touch and let's explore how we can support your growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready for a Stress-Free Move?"
|
||||
description="Get in touch with us today for a free, no-obligation quote. Our team is standing by to assist you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your move requirements" }}
|
||||
buttonText="Schedule a Call"
|
||||
imageSrc="https://images.unsplash.com/photo-1504307653684-2263d025904a?auto=format&fit=crop&q=80&w=1000"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-lake-surrounded-by-dry-grasses-trees-forest-sunset_181624-24116.jpg"
|
||||
logoText="HumanHeritage"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 HumanHeritage. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="New Era"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Why Us", href: "#about" }] },
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user