Merge version_2 into main #2
146
src/app/page.tsx
146
src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Palette, Layers, Box, Square } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Workshop", id: "features"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Workshop", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WOLLBIT DESIGNS"
|
||||
/>
|
||||
@@ -47,41 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Redefining Luxury Interiors in Melbourne"
|
||||
description="Wollbit Designs brings curated, bespoke kitchen and interior solutions directly to your door in Wollert. Your vision, our expertise, unmatched elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Journey", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-small-cutlery_169016-3178.jpg"
|
||||
imageAlt="Luxury kitchen interior design Wollert Melbourne"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Melbourne's Finest Design"},
|
||||
{
|
||||
type: "text", text: "Bespoke Kitchen Expertise"},
|
||||
{
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text", text: "Gold Standard Service"},
|
||||
{
|
||||
type: "text", text: "Transparent Commissions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,32 +57,39 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "The Wollbit Difference"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg", alt: "Design process"},
|
||||
{
|
||||
type: "text", content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne."},
|
||||
{ type: "text", content: "The Wollbit Difference" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg", alt: "Design process" },
|
||||
{ type: "text", content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Interactive Material Workshop"
|
||||
description="Customize your dream kitchen components with our interactive selector."
|
||||
tag="Workshop Configurator"
|
||||
tagIcon={Palette}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Surfaces", description: "Explore our curated marble and granite collection.", imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg"},
|
||||
title: "Material Selector", description: "Choose from premium natural stones and engineered surfaces.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg" },
|
||||
items: [{ icon: Box, text: "Natural Marble" }, { icon: Box, text: "Quartz Stone" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Color Palette", description: "Select bespoke tones that define luxury.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg"},
|
||||
title: "Color Picker", description: "Refine your palette with our professional-grade color tools.", media: { imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg" },
|
||||
items: [{ icon: Palette, text: "Modern Neutrals" }, { icon: Palette, text: "Bold Accents" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Hardware Finishes", description: "Fine-tune details with gold, brass, and matte hardware.", imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg"},
|
||||
title: "Size & Shape Options", description: "Tailor the dimensions and geometry of every piece.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg" },
|
||||
items: [{ icon: Square, text: "Custom Geometry" }, { icon: Layers, text: "Multi-scale Options" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Interactive Design Workshop"
|
||||
description="Play with our premium material library to discover your perfect aesthetic."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,12 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150+", description: "Projects Facilitated"},
|
||||
{
|
||||
id: "m2", value: "20%", description: "Your Commission Advantage"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
{ id: "m1", value: "150+", description: "Projects Facilitated" },
|
||||
{ id: "m2", value: "20%", description: "Your Commission Advantage" },
|
||||
{ id: "m3", value: "100%", description: "Customer Satisfaction" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Transforming Melbourne homes, one commission at a time."
|
||||
@@ -144,21 +116,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Doe", role: "Resident", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah Smith", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg"},
|
||||
{
|
||||
id: "3", name: "David Chan", role: "Client", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
|
||||
{
|
||||
id: "4", name: "Emma Wilson", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"},
|
||||
{
|
||||
id: "5", name: "Peter Scott", role: "Client", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg"},
|
||||
{ id: "1", name: "John Doe", role: "Resident", company: "Wollert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg" },
|
||||
{ id: "2", name: "Sarah Smith", role: "Homeowner", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg" },
|
||||
{ id: "3", name: "David Chan", role: "Client", company: "Wollert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="What Melbourne residents say about Wollbit."
|
||||
@@ -170,12 +130,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How does the commission work?", content: "We handle the client acquisition and project management for a transparent 20% commission fee."},
|
||||
{
|
||||
id: "f2", title: "Where are you based?", content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region."},
|
||||
{
|
||||
id: "f3", title: "Do you do the manual work?", content: "We act as your dedicated bridge to professional, vetted builders who handle the physical execution."},
|
||||
{ id: "f1", title: "How does the commission work?", content: "We handle the client acquisition and project management for a transparent 20% commission fee." },
|
||||
{ id: "f2", title: "Where are you based?", content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with Wollbit Designs."
|
||||
@@ -186,13 +142,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to start your design journey with Wollbit Designs? Connect with us today and let's make your home boom."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us via Nextdoor", href: "https://nextdoor.com"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us via Nextdoor", href: "https://nextdoor.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,22 +152,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="WOLLBIT DESIGNS"
|
||||
columns={[
|
||||
{
|
||||
title: "Wollbit", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Wollbit", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Wollbit Designs. Melbourne."
|
||||
/>
|
||||
@@ -223,4 +161,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user