6 Commits

Author SHA1 Message Date
f83eb98358 Update theme colors 2026-04-17 02:51:09 +00:00
32cddec4ec Update src/app/page.tsx 2026-04-17 02:47:26 +00:00
387a512a32 Update src/app/page.tsx 2026-04-17 02:46:57 +00:00
12e91b4b57 Merge version_2 into main
Merge version_2 into main
2026-04-17 02:46:00 +00:00
afdc19a28c Update src/app/page.tsx 2026-04-17 02:45:57 +00:00
66dcb9ffe5 Merge version_1 into main
Merge version_1 into main
2026-04-17 02:43:48 +00:00
2 changed files with 150 additions and 360 deletions

View File

@@ -2,16 +2,16 @@
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 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 { ShieldCheck } from 'lucide-react';
export default function LandingPage() {
return (
@@ -19,360 +19,150 @@ 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."
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"
description="Our proven track record speaks for itself in every home we move."
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 whats 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"
textboxLayout="default"
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"
textboxLayout="default"
useInvertedBackground={false}
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"
textboxLayout="default"
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"
description="We are fully licensed, insured, and BBB accredited for your peace of mind."
names={["American Moving & Storage Assoc.", "Better Business Bureau", "FMCSA Licensed", "Verified Reviews"]
}
textboxLayout="default"
useInvertedBackground={false}
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>
);

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #0a7039;
--primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2b180a;
--accent: #94877c;
--background-accent: #afa094;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);