Merge version_2 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
@@ -30,22 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Handcrafted Art"
|
||||
/>
|
||||
@@ -54,104 +44,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Handcrafted Art"
|
||||
description="Discover unique, one-of-a-kind pieces crafted with passion and purpose, delivered from my studio to your home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice P.",
|
||||
handle: "@aliceart",
|
||||
testimonial: "The attention to detail in every piece is truly remarkable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markcraft",
|
||||
testimonial: "I love how these items bring warmth and soul to my living room.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_design",
|
||||
testimonial: "Perfect craftsmanship and beautiful packaging. Will buy again!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samhome",
|
||||
testimonial: "Truly unique art. Thank you for such wonderful pieces.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidart",
|
||||
testimonial: "My go-to store for unique gifts. Simply stunning work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Alice P.", handle: "@aliceart", testimonial: "The attention to detail in every piece is truly remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=1" },
|
||||
{ name: "Mark D.", handle: "@markcraft", testimonial: "I love how these items bring warmth and soul to my living room.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=1" },
|
||||
{ name: "Elena V.", handle: "@elena_design", testimonial: "Perfect craftsmanship and beautiful packaging. Will buy again!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=1" },
|
||||
{ name: "Sam K.", handle: "@samhome", testimonial: "Truly unique art. Thank you for such wonderful pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=1" },
|
||||
{ name: "David L.", handle: "@davidart", testimonial: "My go-to store for unique gifts. Simply stunning work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clay-whale-stand-pottery-workshop_1153-8627.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg",
|
||||
alt: "Alice P.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg",
|
||||
alt: "Mark D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg",
|
||||
alt: "Elena V.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg",
|
||||
alt: "Sam K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg", alt: "Alice P." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg", alt: "Mark D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg", alt: "Elena V." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg", alt: "Sam K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg", alt: "David L." },
|
||||
]}
|
||||
avatarText="Loved by 200+ customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Materials",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Handmade with Love",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Shipping",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Custom Commissions",
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unique Designs",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{ type: "text-icon", text: "Sustainable Materials", icon: Leaf },
|
||||
{ type: "text-icon", text: "Handmade with Love", icon: Heart },
|
||||
{ type: "text-icon", text: "Global Shipping", icon: Globe },
|
||||
{ type: "text-icon", text: "Custom Commissions", icon: Feather },
|
||||
{ type: "text-icon", text: "Unique Designs", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,18 +81,9 @@ export default function LandingPage() {
|
||||
title="Crafted With Purpose"
|
||||
description="Every item in my collection is handmade from sustainable materials, blending traditional techniques with modern aesthetic sensibilities. My goal is to create objects that spark joy and tell a story."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Unique Creations",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{ value: "150+", title: "Unique Creations" },
|
||||
{ value: "200+", title: "Happy Customers" },
|
||||
{ value: "5+", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-craftmaster-pottery-shop_1303-23705.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -188,60 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Studio",
|
||||
name: "Hand-thrown Mug",
|
||||
price: "$32",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Studio",
|
||||
name: "Macrame Wall Hanging",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Studio",
|
||||
name: "Oak Spatula Set",
|
||||
price: "$28",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kitchen-utensils-arrangement_23-2149491474.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Studio",
|
||||
name: "Abstract Print",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210775.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Studio",
|
||||
name: "Soy Candle",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-candles-pumpkins-home-interior_169016-14202.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Studio",
|
||||
name: "Leather Journal",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wrapping-paper_23-2148338295.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Studio", name: "Hand-thrown Mug", price: "$32", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg" },
|
||||
{ id: "2", brand: "Studio", name: "Macrame Wall Hanging", price: "$65", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg" },
|
||||
{ id: "3", brand: "Studio", name: "Oak Spatula Set", price: "$28", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kitchen-utensils-arrangement_23-2149491474.jpg" },
|
||||
{ id: "4", brand: "Studio", name: "Abstract Print", price: "$45", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210775.jpg" },
|
||||
{ id: "5", brand: "Studio", name: "Soy Candle", price: "$22", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-candles-pumpkins-home-interior_169016-14202.jpg" },
|
||||
{ id: "6", brand: "Studio", name: "Leather Journal", price: "$55", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wrapping-paper_23-2148338295.jpg" },
|
||||
]}
|
||||
title="Shop Collection"
|
||||
description="Explore the latest items from the studio."
|
||||
@@ -252,31 +114,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alice P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=2" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=2" },
|
||||
{ id: "3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=2" },
|
||||
{ id: "4", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=2" },
|
||||
{ id: "5", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=2" },
|
||||
]}
|
||||
cardTitle="Loved by You"
|
||||
cardTag="Reviews"
|
||||
@@ -289,21 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I care for my ceramic items?",
|
||||
content: "Most of our ceramics are dishwasher and microwave safe, but hand-washing is recommended to maintain the finish longer.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship worldwide with tracked shipping options.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request custom commissions?",
|
||||
content: "I am open to custom commissions! Please send a message through the contact form to discuss your ideas.",
|
||||
},
|
||||
{ id: "q1", title: "How do I care for my ceramic items?", content: "Most of our ceramics are dishwasher and microwave safe, but hand-washing is recommended to maintain the finish longer." },
|
||||
{ id: "q2", title: "Do you ship internationally?", content: "Yes, we ship worldwide with tracked shipping options." },
|
||||
{ id: "q3", title: "Can I request custom commissions?", content: "I am open to custom commissions! Please send a message through the contact form to discuss your ideas." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stationery-set-with-empty-place-center_23-2147851966.jpg"
|
||||
title="Common Questions"
|
||||
@@ -313,52 +143,19 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for your own piece?"
|
||||
description="Reach out for commissions, shop updates, or just to say hello!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Studio",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactForm
|
||||
tag="Get in touch"
|
||||
title="Contact Studio"
|
||||
description="Reach out for commissions, shop updates, or just to say hello!"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Handcrafted Art"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user