3 Commits

Author SHA1 Message Date
2d24a18c3c Update src/app/page.tsx 2026-03-25 19:08:05 +00:00
b0b25f8393 Update src/app/page.tsx 2026-03-25 19:07:25 +00:00
bce5f82e12 Update src/app/layout.tsx 2026-03-25 19:07:25 +00:00
2 changed files with 44 additions and 168 deletions

View File

@@ -11,7 +11,7 @@ import { Public_Sans } from "next/font/google";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Webild components 2", title: 'hitesx',
description: "Generated by create next app", description: "Generated by create next app",
}; };

View File

@@ -30,82 +30,48 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "home",
href: "/",
},
{ {
name: "Pantheon", name: "Pantheon", id: "#products"},
id: "pantheon",
href: "/pantheon",
},
{ {
name: "Powers", name: "Powers", id: "#features"},
id: "powers",
href: "/powers",
},
{ {
name: "Mythology", name: "Mythology", id: "#social-proof"},
id: "mythology",
href: "/mythology",
},
{ {
name: "Contact", name: "Contact", id: "#footer"},
id: "contact",
href: "/contact",
},
]} ]}
brandName="Divine Tapestry" brandName="hitesx"
button={{ button={{
text: "Explore Now", text: "Explore Now", href: "#products"}}
href: "/pantheon",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Enter the Realm of Divine Power" title="Enter the Realm of Divine Power"
description="Explore the majestic universe of Indian Gods, their ethereal forms, and formidable powers in breathtaking 3D." description="Explore the majestic universe of Indian Gods, their ethereal forms, and formidable powers in breathtaking 3D."
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345925.jpg", imageAlt: "3D render of Lord Shiva in cosmic dance"},
imageAlt: "3D render of Lord Shiva in cosmic dance",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-representation-deity-krishna_23-2151067862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-representation-deity-krishna_23-2151067862.jpg", imageAlt: "3D render of Lord Vishnu, the preserver"},
imageAlt: "3D render of Lord Vishnu, the preserver",
},
{ {
imageSrc: "http://img.b2bpic.net/free-vector/realistic-ganesh-chaturthi-concept_23-2148572667.jpg", imageSrc: "http://img.b2bpic.net/free-vector/realistic-ganesh-chaturthi-concept_23-2148572667.jpg", imageAlt: "3D render of Lord Ganesha, the remover of obstacles"},
imageAlt: "3D render of Lord Ganesha, the remover of obstacles",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-rama-navami-celebration_23-2151400200.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-rama-navami-celebration_23-2151400200.jpg", imageAlt: "3D render of Goddess Durga, the warrior"},
imageAlt: "3D render of Goddess Durga, the warrior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-female-actress-wearing-beautiful-ancient-costumes-ancient-monuments-dramatic-style-perform-legend-love-popular-story-thai-isan-folktale-called-phadaeng-nang-ai-acient-site_1150-49141.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-actress-wearing-beautiful-ancient-costumes-ancient-monuments-dramatic-style-perform-legend-love-popular-story-thai-isan-folktale-called-phadaeng-nang-ai-acient-site_1150-49141.jpg", imageAlt: "3D render of Goddess Lakshmi, the goddess of wealth"},
imageAlt: "3D render of Goddess Lakshmi, the goddess of wealth",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-representation-deity-krishna_23-2151067859.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-representation-deity-krishna_23-2151067859.jpg", imageAlt: "3D render of Lord Krishna, the divine flutist"},
imageAlt: "3D render of Lord Krishna, the divine flutist",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Discover Deities", text: "Discover Deities", href: "#products"},
href: "/pantheon",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "/about",
},
]} ]}
/> />
</div> </div>
@@ -117,17 +83,11 @@ export default function LandingPage() {
description="Delve into the profound stories and timeless wisdom of the Indian pantheon. Discover the intricate tapestry of creation, preservation, and dissolution guided by the supreme beings." description="Delve into the profound stories and timeless wisdom of the Indian pantheon. Discover the intricate tapestry of creation, preservation, and dissolution guided by the supreme beings."
metrics={[ metrics={[
{ {
value: "1000+", value: "1000+", title: "Lore & Narratives"},
title: "Lore & Narratives",
},
{ {
value: "5000+", value: "5000+", title: "Years of Devotion"},
title: "Years of Devotion",
},
{ {
value: "Countless", value: "Countless", title: "Realms Influenced"},
title: "Realms Influenced",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-entryway-door-with-desert-landscape_23-2151239270.jpg" imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-entryway-door-with-desert-landscape_23-2151239270.jpg"
imageAlt="Ethereal cosmic scene of Indian mythology" imageAlt="Ethereal cosmic scene of Indian mythology"
@@ -143,33 +103,19 @@ export default function LandingPage() {
features={[ features={[
{ {
id: 1, id: 1,
title: "Cosmic Destruction & Creation", title: "Cosmic Destruction & Creation", description: "Lord Shiva's power to destroy and recreate the cosmos, bringing forth new cycles of existence.", imageSrc: "http://img.b2bpic.net/free-vector/happy-maha-shivratri-religious-background-with-golden-trishul_1017-57826.jpg", imageAlt: "3D glowing Trishula (Shiva's trident)"},
description: "Lord Shiva's power to destroy and recreate the cosmos, bringing forth new cycles of existence.",
imageSrc: "http://img.b2bpic.net/free-vector/happy-maha-shivratri-religious-background-with-golden-trishul_1017-57826.jpg",
imageAlt: "3D glowing Trishula (Shiva's trident)",
},
{ {
id: 2, id: 2,
title: "Divine Preservation & Order", title: "Divine Preservation & Order", description: "Lord Vishnu's unwavering commitment to maintain cosmic order and protect righteousness through his avatars.", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-lamp-indoors_23-2151105999.jpg", imageAlt: "3D glowing Chakra (Vishnu's discus)"},
description: "Lord Vishnu's unwavering commitment to maintain cosmic order and protect righteousness through his avatars.",
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-lamp-indoors_23-2151105999.jpg",
imageAlt: "3D glowing Chakra (Vishnu's discus)",
},
{ {
id: 3, id: 3,
title: "Wisdom & Obstacle Removal", title: "Wisdom & Obstacle Removal", description: "Lord Ganesha's profound wisdom and his ability to clear all impediments, ensuring success in endeavors.", imageSrc: "http://img.b2bpic.net/free-vector/snihy-star-background_1189-327.jpg", imageAlt: "3D glowing Gada (Hanuman's mace)"},
description: "Lord Ganesha's profound wisdom and his ability to clear all impediments, ensuring success in endeavors.",
imageSrc: "http://img.b2bpic.net/free-vector/snihy-star-background_1189-327.jpg",
imageAlt: "3D glowing Gada (Hanuman's mace)",
},
]} ]}
title="Sacred Powers Unveiled" title="Sacred Powers Unveiled"
description="Each deity embodies unique cosmic forces. Witness the attributes that shape universes and guide destinies." description="Each deity embodies unique cosmic forces. Witness the attributes that shape universes and guide destinies."
buttons={[ buttons={[
{ {
text: "Explore Powers", text: "Explore Powers", href: "#features"},
href: "/powers",
},
]} ]}
/> />
</div> </div>
@@ -182,37 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "shiva", id: "shiva", name: "Lord Shiva", price: "Destroyer", variant: "The Transformer", imageSrc: "http://img.b2bpic.net/free-vector/happy-maha-shivratri-background-with-glowing-trishul-weapon_1017-30237.jpg", imageAlt: "3D avatar of Lord Shiva"},
name: "Lord Shiva",
price: "Destroyer",
variant: "The Transformer",
imageSrc: "http://img.b2bpic.net/free-vector/happy-maha-shivratri-background-with-glowing-trishul-weapon_1017-30237.jpg",
imageAlt: "3D avatar of Lord Shiva",
},
{ {
id: "vishnu", id: "vishnu", name: "Lord Vishnu", price: "Preserver", variant: "The Protector", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-rama-navami-celebration_23-2151400312.jpg", imageAlt: "3D avatar of Lord Vishnu"},
name: "Lord Vishnu",
price: "Preserver",
variant: "The Protector",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-rama-navami-celebration_23-2151400312.jpg",
imageAlt: "3D avatar of Lord Vishnu",
},
{ {
id: "ganesha", id: "ganesha", name: "Lord Ganesha", price: "Remover", variant: "Lord of Beginnings", imageSrc: "http://img.b2bpic.net/free-vector/beautiful-happy-ganesh-chaturthi-creative-card-design_1035-20771.jpg", imageAlt: "3D avatar of Lord Ganesha"},
name: "Lord Ganesha",
price: "Remover",
variant: "Lord of Beginnings",
imageSrc: "http://img.b2bpic.net/free-vector/beautiful-happy-ganesh-chaturthi-creative-card-design_1035-20771.jpg",
imageAlt: "3D avatar of Lord Ganesha",
},
]} ]}
title="Pantheon of Deities" title="Pantheon of Deities"
description="Meet the mighty Gods and Goddesses of the Hindu faith, each with their distinct forms, stories, and divine roles." description="Meet the mighty Gods and Goddesses of the Hindu faith, each with their distinct forms, stories, and divine roles."
buttons={[ buttons={[
{ {
text: "View Full Pantheon", text: "View Full Pantheon", href: "#products"},
href: "/pantheon",
},
]} ]}
/> />
</div> </div>
@@ -224,45 +150,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sage Vyasa", role: "Ancient Seer", testimonial: "Through their divine play, the cosmic dance unfolds, revealing the eternal truths to those who seek.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-bright-flowers_23-2148075075.jpg", imageAlt: "Avatar of Sage Vyasa"},
name: "Sage Vyasa",
role: "Ancient Seer",
testimonial: "Through their divine play, the cosmic dance unfolds, revealing the eternal truths to those who seek.",
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-bright-flowers_23-2148075075.jpg",
imageAlt: "Avatar of Sage Vyasa",
},
{ {
id: "2", id: "2", name: "Sage Valmiki", role: "Poet of Ramayana", testimonial: "The stories of the Gods are etched into the very fabric of existence, guiding humanity through dharma.", imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-waterfall_23-2150974230.jpg", imageAlt: "Avatar of Sage Valmiki"},
name: "Sage Valmiki",
role: "Poet of Ramayana",
testimonial: "The stories of the Gods are etched into the very fabric of existence, guiding humanity through dharma.",
imageSrc: "http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human-waterfall_23-2150974230.jpg",
imageAlt: "Avatar of Sage Valmiki",
},
{ {
id: "3", id: "3", name: "Arjuna", role: "Warrior Prince", testimonial: "In moments of doubt, the divine counsel illuminated my path, granting strength and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-yoga-indoors_23-2150170650.jpg", imageAlt: "Avatar of a warrior prince in devotion"},
name: "Arjuna",
role: "Warrior Prince",
testimonial: "In moments of doubt, the divine counsel illuminated my path, granting strength and clarity.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-yoga-indoors_23-2150170650.jpg",
imageAlt: "Avatar of a warrior prince in devotion",
},
{ {
id: "4", id: "4", name: "Mirabai", role: "Bhakti Saint", testimonial: "My heart finds solace and joy only in the divine presence, a love that transcends all earthly bonds.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-sitting-yoga-mat-doing-praying-gesture_23-2148097465.jpg", imageAlt: "Avatar of a Bhakti saint"},
name: "Mirabai",
role: "Bhakti Saint",
testimonial: "My heart finds solace and joy only in the divine presence, a love that transcends all earthly bonds.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-sitting-yoga-mat-doing-praying-gesture_23-2148097465.jpg",
imageAlt: "Avatar of a Bhakti saint",
},
{ {
id: "5", id: "5", name: "Adi Shankara", role: "Philosopher", testimonial: "The ultimate reality is one, and all forms of divinity are but manifestations of that singular truth.", imageSrc: "http://img.b2bpic.net/free-photo/man-fantasy-setting-practicing-yoga-mindful-meditation_23-2151416399.jpg", imageAlt: "Avatar of an enlightened philosopher"},
name: "Adi Shankara",
role: "Philosopher",
testimonial: "The ultimate reality is one, and all forms of divinity are but manifestations of that singular truth.",
imageSrc: "http://img.b2bpic.net/free-photo/man-fantasy-setting-practicing-yoga-mindful-meditation_23-2151416399.jpg",
imageAlt: "Avatar of an enlightened philosopher",
},
]} ]}
title="Whispers of Devotion" title="Whispers of Devotion"
description="Hear the timeless verses and profound experiences of devotees who have felt the divine presence and wisdom." description="Hear the timeless verses and profound experiences of devotees who have felt the divine presence and wisdom."
@@ -274,22 +170,14 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
logos={[ logos={[
"http://img.b2bpic.net/free-vector/collection-colorful-chakras_23-2148562043.jpg", "http://img.b2bpic.net/free-vector/collection-colorful-chakras_23-2148562043.jpg", "http://img.b2bpic.net/free-vector/peace-symbol-ukraine-flag-colors-stop-conflict_1017-37579.jpg", "http://img.b2bpic.net/free-vector/blue-background-with-abstract-flower_1035-329.jpg", "http://img.b2bpic.net/free-vector/vintage-yoga-logos-badges_23-2147541006.jpg", "http://img.b2bpic.net/free-vector/shiny-winter-snowflake_1085-958.jpg", "http://img.b2bpic.net/free-vector/neon-summer-sale-banners_23-2148170119.jpg", "http://img.b2bpic.net/free-vector/green-christmas-wreath-with-blue-yellow-ribbons-neon-style_74855-1414.jpg"]}
"http://img.b2bpic.net/free-vector/peace-symbol-ukraine-flag-colors-stop-conflict_1017-37579.jpg", names={[]}
"http://img.b2bpic.net/free-vector/blue-background-with-abstract-flower_1035-329.jpg",
"http://img.b2bpic.net/free-vector/vintage-yoga-logos-badges_23-2147541006.jpg",
"http://img.b2bpic.net/free-vector/shiny-winter-snowflake_1085-958.jpg",
"http://img.b2bpic.net/free-vector/neon-summer-sale-banners_23-2148170119.jpg",
"http://img.b2bpic.net/free-vector/green-christmas-wreath-with-blue-yellow-ribbons-neon-style_74855-1414.jpg",
]}
title="Ancient Lineages & Cosmic Alliances" title="Ancient Lineages & Cosmic Alliances"
description="Recognized and revered across countless epochs, these are the divine connections and ancient traditions that uphold the cosmic order." description="Recognized and revered across countless epochs, these are the divine connections and ancient traditions that uphold the cosmic order."
speed={40} speed={40}
buttons={[ buttons={[
{ {
text: "Read Mythologies", text: "Read Mythologies", href: "#social-proof"},
href: "/mythology",
},
]} ]}
/> />
</div> </div>
@@ -300,40 +188,28 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Home", label: "Home", href: "/"},
href: "/",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#footer"},
href: "/contact",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Pantheon", label: "Pantheon", href: "#products"},
href: "/pantheon",
},
{ {
label: "Powers", label: "Powers", href: "#features"},
href: "/powers",
},
{ {
label: "Mythology", label: "Mythology", href: "#social-proof"},
href: "/mythology",
},
], ],
}, },
]} ]}
logoText="Divine Tapestry" logoText="hitesx"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }