100 lines
3.5 KiB
TypeScript
100 lines
3.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Collection", id: "/collection"},
|
|
{
|
|
name: "Custom Orders", id: "/custom-order"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
logoSrc="https://example.com/new-wanda-logo-transparent.png"
|
|
logoAlt="Wanda Bags Logo"
|
|
brandName="Wanda Bags"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Crafting Your Vision: The Wanda Bespoke Process"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414730.jpg", alt: "Fashion designer working on a custom bag design"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Started Now", href: "/contact"},
|
|
]}
|
|
/>
|
|
<p className="mt-4 text-md text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
|
|
Our custom order journey is designed to be a seamless and inspiring experience. From initial concept to the final stitch, we collaborate closely with you to ensure every detail reflects your personal style and desired occasion. Select from an exquisite range of beads, colors, and patterns, and watch your dream accessory come to life.
|
|
</p>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Wanda", items: [
|
|
{
|
|
label: "Elevating Everyday and Event Style", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Collection", href: "/collection"},
|
|
{
|
|
label: "Custom Orders", href: "/custom-order"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/wandabags"},
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/96176813559"},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com/wandabags"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="Wanda — Where Art Meets Accessory"
|
|
bottomRightText="© 2024 Wanda. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |