250 lines
14 KiB
TypeScript
250 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Sparkles, Heart, Gem, Wand2, Star, Quote, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Universe Connection"
|
|
navItems={[
|
|
{ name: "Crystals", id: "products" },
|
|
{ name: "About Suman", id: "about" },
|
|
{ name: "Benefits", id: "benefits" },
|
|
{ name: "Consultation", id: "consultation" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "WhatsApp Consultation", href: "https://wa.me/919876543210"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Discover the Power of Crystal Healing"
|
|
description="Transform your life with energized crystal bracelets and personalized spiritual guidance by Suman Sharma. Experience abundance, protection, and emotional balance through authentic healing crystals."
|
|
tag="Mystical Energy"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-hands-tiny-lights_23-2150571055.jpg"
|
|
imageAlt="Mystical crystal healing energy glowing"
|
|
buttons={[
|
|
{ text: "Explore Crystals", href: "#products" },
|
|
{ text: "WhatsApp Consultation", href: "https://wa.me/919876543210" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Meet Suman Sharma - Your Crystal Healing Guide"
|
|
description="With years of dedicated practice and spiritual wisdom, Suman Sharma is a certified crystal healing expert and spiritual guide. She has helped over 1000+ customers achieve abundance, protection, and emotional balance through personalized crystal recommendations based on their birth charts and life goals. Her mission is to connect souls with the transformative power of energized crystals."
|
|
tag="About the Healer"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-maintaining-asana-while-chakra-points-are-aligned_23-2149244014.jpg"
|
|
imageAlt="Suman Sharma - Crystal Healing Expert"
|
|
buttons={[
|
|
{ text: "Book Free Consultation", href: "#consultation" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Crystal Bracelet Collection"
|
|
description="Discover our exclusive collection of energized healing crystal bracelets. Each bracelet is hand-selected and charged with spiritual energy to bring harmony, abundance, and protection into your life."
|
|
tag="Premium Selection"
|
|
tagIcon={Gem}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "chakra-1", name: "7 Chakra Healing Bracelet", price: "₹999", variant: "Multicolor stones • Balance all chakras", imageSrc: "http://img.b2bpic.net/free-photo/colorful-crystals-flowers-assortment_23-2149324181.jpg", imageAlt: "Seven chakra crystal bracelet"
|
|
},
|
|
{
|
|
id: "money-1", name: "Money Attraction Bracelet", price: "₹1,299", variant: "Citrine & Pyrite • Prosperity flow", imageSrc: "http://img.b2bpic.net/free-photo/little-key-glitters_23-2147999714.jpg", imageAlt: "Money attraction crystal bracelet"
|
|
},
|
|
{
|
|
id: "protection-1", name: "Protection Bracelet", price: "₹899", variant: "Black Tourmaline • Shield negative energy", imageSrc: "http://img.b2bpic.net/free-photo/luxury-jewellery-display_23-2151921958.jpg", imageAlt: "Protection crystal bracelet"
|
|
},
|
|
{
|
|
id: "angelite-1", name: "Angelite Divine Bracelet", price: "₹1,099", variant: "Blue Angelite • Divine connection", imageSrc: "http://img.b2bpic.net/free-photo/crop-young-woman-meditating-park_23-2147791940.jpg", imageAlt: "Angelite divine crystal bracelet"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "View All Products", href: "https://wa.me/919876543210" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<FeatureCardSixteen
|
|
title="Transform Your Life with Crystal Healing"
|
|
description="Experience the profound benefits of authentic healing crystals. Each crystal carries unique vibrational frequencies to support your spiritual journey."
|
|
tag="Healing Benefits"
|
|
tagIcon={Wand2}
|
|
tagAnimation="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Scattered energy and confusion", "Unbalanced chakras", "Lack of direction and clarity"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Spiritual growth and awakening", "Energy protection and aura shielding", "Emotional balance and inner peace", "Abundance and prosperity flow", "Health and wellness enhancement", "Chakra alignment and harmony"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="consultation" data-section="consultation">
|
|
<ContactCTA
|
|
tag="Personalized Guidance"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
title="Get Your Personalized Crystal Recommendation"
|
|
description="Book a free consultation with Suman Sharma to receive crystal recommendations based on your birth chart, life goals, and spiritual needs. Discover which healing stones are perfect for your unique energy."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Book on WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ text: "Call Now", href: "tel:+919876543210" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Transformations from Our Customers"
|
|
description="Hear from those whose lives have been transformed by our authentic healing crystals and spiritual guidance."
|
|
tag="Customer Reviews"
|
|
tagIcon={Quote}
|
|
tagAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Patel", handle: "@priya_spiritual", testimonial: "The 7 chakra bracelet completely transformed my energy! Within weeks, I felt more balanced and focused. Suman's guidance was invaluable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", imageAlt: "happy customer testimonial portrait satisfied"
|
|
},
|
|
{
|
|
id: "2", name: "Raj Kumar", handle: "@raj_healer", testimonial: "I purchased the Money Attraction Bracelet and within a month, unexpected opportunities started flowing. Truly amazing!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-showing-thumbs-up-isolated-olive-green_141793-84095.jpg", imageAlt: "man portrait professional testimonial confident"
|
|
},
|
|
{
|
|
id: "3", name: "Anjali Verma", handle: "@anjali_wellness", testimonial: "The Protection Bracelet has become my daily essential. I feel so much safer and protected. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cool-blond-girl-keeping-thumbs-up-joyfully-looking-camera-isolated-yellow-background-like-expression_574295-2022.jpg", imageAlt: "woman portrait testimonial customer happy"
|
|
},
|
|
{
|
|
id: "4", name: "Amit Singh", handle: "@amit_mindful", testimonial: "Suman's personalized consultation was eye-opening. The Angelite bracelet she recommended brings me such peace and divine connection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-handsome-man-thumbs-up-isolated-pink-space-with-copy-space_141793-60566.jpg", imageAlt: "man portrait happy client testimonial professional"
|
|
},
|
|
{
|
|
id: "5", name: "Neha Jain", handle: "@neha_abundance", testimonial: "I've tried many spiritual products, but these crystals are genuinely energized. My life has shifted dramatically for the better!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "woman portrait testimonial happy client"
|
|
},
|
|
{
|
|
id: "6", name: "Vikram Desai", handle: "@vikram_cosmic", testimonial: "The authenticity of these crystals is unmatched. Suman's expertise and care in selecting stones is remarkable. Grateful!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-showing-thumbs-up-isolated-crimson-wall_141793-94392.jpg", imageAlt: "man portrait customer testimonial happy"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Share Your Story", href: "https://wa.me/919876543210" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Why Choose Universe Connection"
|
|
description="Trusted by thousands across India for authentic, energized healing crystals and genuine spiritual guidance."
|
|
tag="Trust Badges"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"1000+ Happy Customers", "Authentic Energized Crystals", "Pan-India Delivery", "Expert Spiritual Guidance", "Personalized Recommendations", "24/7 WhatsApp Support", "Money-Back Guarantee", "Hand-Selected Stones"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[
|
|
{ text: "Get Started Today", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Universe Connection"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About Suman", href: "#about" },
|
|
{ label: "Products", href: "#products" },
|
|
{ label: "Benefits", href: "#benefits" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Consultation", href: "#consultation" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ label: "Email", href: "mailto:info@universeconnection.com" },
|
|
{ label: "Phone", href: "tel:+919876543210" },
|
|
{ label: "Instagram", href: "https://instagram.com/universeconnection" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |