Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop Info",
|
||||
id: "features",
|
||||
},
|
||||
name: "Shop Info", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Crystal Haven"
|
||||
/>
|
||||
@@ -57,69 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Crystals, Tarot & Spiritual Treasures"
|
||||
description="Discover high-quality crystals, tarot, and spiritual tools with friendly expert advice in the heart of our community."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-reading-tarot_23-2150298353.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-reading-tarot_23-2150298353.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-attractive-woman-sitting-cafe-talking-phone-with-shopping-bags-summer-fashion-outfit-hipster-style-pink-cotton-dress-trendy-apparel_285396-3106.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-attractive-woman-sitting-cafe-talking-phone-with-shopping-bags-summer-fashion-outfit-hipster-style-pink-cotton-dress-trendy-apparel_285396-3106.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-fitting-t-shirt_23-2147688408.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-fitting-t-shirt_23-2147688408.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623470.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623470.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Loved by our local community"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0123456789",
|
||||
},
|
||||
text: "Call Now", href: "tel:0123456789"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethically Sourced",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Ethically Sourced", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Guidance",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Expert Guidance", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unique Collections",
|
||||
icon: Diamond,
|
||||
type: "text-icon", text: "Unique Collections", icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Focused",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Community Focused", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Spiritual Tools",
|
||||
icon: Compass,
|
||||
type: "text-icon", text: "Spiritual Tools", icon: Compass,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -132,19 +97,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Crystal Varieties",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Crystal Varieties", value: "500+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
label: "Customer Rating", value: "5.0"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Visitors",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Visitors", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,48 +117,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "High Quality Crystals",
|
||||
description: "Explore our curated collection of ethically sourced, high-quality crystals and minerals for your home and practice.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-526.jpg?_wi=1",
|
||||
imageAlt: "Amethyst Cluster",
|
||||
},
|
||||
title: "High Quality Crystals", description: "Explore our curated collection of ethically sourced, high-quality crystals and minerals for your home and practice.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-526.jpg", imageAlt: "Amethyst Cluster"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tarot-cards-arrangement-table_23-2150273187.jpg?_wi=1",
|
||||
imageAlt: "Crystal Point",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-chandelier-hangs-from-ceiling-church_8353-8658.jpg?_wi=1",
|
||||
imageAlt: "crystal shop interior warm lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tarot-cards-arrangement-table_23-2150273187.jpg", imageAlt: "Crystal Point"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Tarot & Divination",
|
||||
description: "Find your perfect deck from our wide selection, including classic and contemporary tarot and oracle cards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tarot-cards-arrangement-table_23-2150273187.jpg?_wi=2",
|
||||
imageAlt: "Tarot Cards",
|
||||
},
|
||||
title: "Tarot & Divination", description: "Find your perfect deck from our wide selection, including classic and contemporary tarot and oracle cards.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tarot-cards-arrangement-table_23-2150273187.jpg", imageAlt: "Tarot Cards"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-526.jpg?_wi=2",
|
||||
imageAlt: "Oracle Cards",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg?_wi=1",
|
||||
imageAlt: "cozy crystal shop interior atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-526.jpg", imageAlt: "Oracle Cards"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Welcoming Atmosphere",
|
||||
description: "Visit us for more than just shopping — experience a warm, knowledgeable, and friendly environment that keeps locals returning.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg?_wi=2",
|
||||
imageAlt: "Shop Interior",
|
||||
},
|
||||
title: "Welcoming Atmosphere", description: "Visit us for more than just shopping — experience a warm, knowledgeable, and friendly environment that keeps locals returning.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg", imageAlt: "Shop Interior"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-chandelier-hangs-from-ceiling-church_8353-8658.jpg?_wi=2",
|
||||
imageAlt: "Shop Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-526.jpg?_wi=3",
|
||||
imageAlt: "close-up quartz crystal texture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-chandelier-hangs-from-ceiling-church_8353-8658.jpg", imageAlt: "Shop Detail"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -215,59 +150,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Watson",
|
||||
role: "Local Guide",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-reading-tarot_23-2150298353.jpg",
|
||||
},
|
||||
id: "1", name: "John Watson", role: "Local Guide", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-reading-tarot_23-2150298353.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Peter Wigmore",
|
||||
role: "Local Guide",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-attractive-woman-sitting-cafe-talking-phone-with-shopping-bags-summer-fashion-outfit-hipster-style-pink-cotton-dress-trendy-apparel_285396-3106.jpg",
|
||||
},
|
||||
id: "2", name: "Peter Wigmore", role: "Local Guide", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-attractive-woman-sitting-cafe-talking-phone-with-shopping-bags-summer-fashion-outfit-hipster-style-pink-cotton-dress-trendy-apparel_285396-3106.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tim Medcroft",
|
||||
role: "Regular Visitor",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fitting-t-shirt_23-2147688408.jpg",
|
||||
},
|
||||
id: "3", name: "Tim Medcroft", role: "Regular Visitor", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fitting-t-shirt_23-2147688408.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah J.", role: "Collector", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
role: "Beginner",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623470.jpg",
|
||||
},
|
||||
id: "5", name: "Emily R.", role: "Beginner", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623470.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "500+", label: "Happy Clients"},
|
||||
]}
|
||||
title="What Our Visitors Say"
|
||||
description="We are honored to be a part of our customers' spiritual journeys and everyday lives."
|
||||
@@ -281,31 +185,20 @@ export default function LandingPage() {
|
||||
description="Have a question about our crystals or want to check stock? We’d love to hear from you or see you in person."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg"
|
||||
imageAlt="Shop interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -317,42 +210,27 @@ export default function LandingPage() {
|
||||
imageAlt="Shop Decor"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "123 Crystal Way, Town",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Crystal Way, Town", href: "#"},
|
||||
{
|
||||
label: "Mon-Sat: 10am - 5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 10am - 5pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "0123 456 789",
|
||||
href: "tel:0123456789",
|
||||
},
|
||||
label: "0123 456 789", href: "tel:0123456789"},
|
||||
{
|
||||
label: "hello@crystalhaven.com",
|
||||
href: "mailto:hello@crystalhaven.com",
|
||||
},
|
||||
label: "hello@crystalhaven.com", href: "mailto:hello@crystalhaven.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Directions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user