Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a8404c07a2 | |||
| ab70b3a6e2 | |||
| 2a6110e251 | |||
| ec69e6754c |
163
src/app/page.tsx
163
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Val Space Studio"
|
||||
/>
|
||||
@@ -58,37 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Design-led Home Organization"
|
||||
description="Spaces that feel calm, elevated, and beautifully easy to live in. Val Space Studio is a design-led home organization studio creating functional, visually refined spaces for everyday life."
|
||||
description="Elevate your everyday with our signature design-led organization. We transform chaotic spaces into peaceful, functional, and visually refined retreats tailored to your life."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client A",
|
||||
handle: "@clienta",
|
||||
testimonial: "My space finally feels peaceful and easy to maintain.",
|
||||
rating: 5,
|
||||
name: "Alex R.", handle: "@alex.r", testimonial: "An incredible transformation. The systems are so intuitive I've managed to keep my space perfect for six months straight.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Client B",
|
||||
handle: "@clientb",
|
||||
testimonial: "It wasn't just organized—it actually made sense for how I live.",
|
||||
rating: 5,
|
||||
name: "Jamie K.", handle: "@jamie.k", testimonial: "Beyond just organization; they truly curated our space to match our lifestyle. A stress-free experience from start to finish.", rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/potted-plants-as-room-decor-with-shelf-chair_23-2149427977.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="minimalist luxury home interior"
|
||||
imageAlt="luxury home interior organization"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,39 +79,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Closet Reset",
|
||||
price: "Most popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg",
|
||||
},
|
||||
id: "1", name: "Full Home Reset", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garage Transformation",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-empty-warehouse_181624-42274.jpg",
|
||||
},
|
||||
id: "2", name: "Custom Storage Solutions", price: "Tailored", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-empty-warehouse_181624-42274.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Move-In Reset",
|
||||
price: "Tailored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-donations-collected-charity_23-2149230587.jpg",
|
||||
},
|
||||
id: "3", name: "Move-In Concierge", price: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/food-donations-collected-charity_23-2149230587.jpg"},
|
||||
]}
|
||||
title="What we offer"
|
||||
description="Thoughtful resets designed around real life. Each service is shaped around functionality, flow, and a calm visual finish."
|
||||
title="Curated Organization"
|
||||
description="We offer a bespoke approach to home organization. From high-end closet re-designs and garage transformations to full-home move-in concierge services, every detail is considered for lasting flow."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About the studio"
|
||||
title="Crafting Order & Serenity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Our Philosophy", href: "#"},
|
||||
]}
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,27 +110,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Inquire",
|
||||
description: "Share your space, goals, and what currently feels overwhelming.",
|
||||
},
|
||||
title: "Initial Assessment", description: "We begin by auditing your current space and understanding your daily workflow challenges."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Recommend",
|
||||
description: "Receive a service recommendation tailored to your needs.",
|
||||
},
|
||||
title: "Custom Strategy", description: "Our team develops a personalized visual plan ensuring every item has a beautiful, intentional home."},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Reset",
|
||||
description: "Your space is transformed with elegant, intuitive systems.",
|
||||
},
|
||||
title: "Professional Installation", description: "We execute the transformation, implementing intuitive systems and elegant organizational hardware."},
|
||||
{
|
||||
icon: CheckCircle2,
|
||||
title: "Maintain",
|
||||
description: "Walk away with a home that stays clear and functional.",
|
||||
},
|
||||
title: "Maintenance Guide", description: "We provide you with a bespoke maintenance ritual so your sanctuary stays pristine and functional."},
|
||||
]}
|
||||
title="How it works"
|
||||
description="Simple, guided, and beautifully intentional."
|
||||
title="A Seamless Process"
|
||||
description="Four simple steps to reclaim your time, energy, and peace of mind. We handle the heavy lifting while you enjoy the transformation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,29 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hey-my-name-is-friendlylooking-selfassured-carefree-cute-s-woman-with-curly-hair-waving-with-raised_1258-133721.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/hey-my-name-is-friendlylooking-selfassured-carefree-cute-s-woman-with-curly-hair-waving-with-raised_1258-133721.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=2"},
|
||||
]}
|
||||
cardTitle="Client love"
|
||||
cardTitle="Join Our Community of Happy Spaces"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Testimonials"
|
||||
cardTag="Client Reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,14 +149,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready for a space that feels lighter, calmer, and beautifully put together? Inquire now for closet resets, garage transformations, and more."
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to breathe easier? Contact Val Space Studio for a complimentary consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Text to Book",
|
||||
href: "tel:+17252775237",
|
||||
},
|
||||
text: "Get Started Today", href: "tel:+17252775237"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,33 +162,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Val Space Studio",
|
||||
items: [
|
||||
title: "Val Space Studio", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/valspacestudio",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/valspacestudio"},
|
||||
{
|
||||
label: "Phone: +1 (725) 277-5237",
|
||||
href: "tel:+17252775237",
|
||||
},
|
||||
label: "Phone: +1 (725) 277-5237", href: "tel:+17252775237"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Our Services", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Closet Resets", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Garage Solutions", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Full Home Concierge", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #f5f4ef;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user