Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-27 19:20:11 +00:00

View File

@@ -20,423 +20,166 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="GoldRate Engine"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Contact", id: "#contact" },
]}
brandName="GoldRate Engine"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
title="Real-Time Gold Price Engine India"
description="Trusted source for 22K, 23K, and 24K gold rates. Get live market updates and informed investment guidance at your fingertips."
buttons={[
{
text: "Start Tracking",
href: "#pricing",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-gold-piece-material-with-circle-gold-center_91008-481.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943374.jpg",
alt: "Abstract golden textured material",
},
{
src: "http://img.b2bpic.net/free-photo/metallic-texture_23-2152024240.jpg",
alt: "Metallic texture",
},
{
src: "http://img.b2bpic.net/free-photo/golden-beautiful-star-lights-background_1017-2779.jpg",
alt: "Golden beautiful star lights background",
},
{
src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-gold-bars-high-angle_23-2149872245.jpg",
alt: "Aesthetic wallpaper with gold bars high angle",
},
{
src: "http://img.b2bpic.net/free-photo/skyline-sky-office-building-bright_1127-2783.jpg",
alt: "skyline sky office building bright",
},
]}
marqueeItems={[
{
type: "text",
text: "Live Gold Rates",
},
{
type: "text",
text: "Market Analysis",
},
{
type: "text",
text: "Investment Insights",
},
{
type: "text",
text: "24/7 Updates",
},
{
type: "text",
text: "India Wide Coverage",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "plain" }}
title="Real-Time Gold Price Engine India"
description="Trusted source for 22K, 23K, and 24K gold rates. Get live market updates and informed investment guidance at your fingertips."
buttons={[{ text: "Start Tracking", href: "#pricing" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-gold-piece-material-with-circle-gold-center_91008-481.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943374.jpg", alt: "Abstract golden textured material" },
{ src: "http://img.b2bpic.net/free-photo/metallic-texture_23-2152024240.jpg", alt: "Metallic texture" },
{ src: "http://img.b2bpic.net/free-photo/golden-beautiful-star-lights-background_1017-2779.jpg", alt: "Golden beautiful star lights background" },
{ src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-gold-bars-high-angle_23-2149872245.jpg", alt: "Aesthetic wallpaper with gold bars high angle" },
{ src: "http://img.b2bpic.net/free-photo/skyline-sky-office-building-bright_1127-2783.jpg", alt: "skyline sky office building bright" },
]}
marqueeItems={[
{ type: "text", text: "Live Gold Rates" },
{ type: "text", text: "Market Analysis" },
{ type: "text", text: "Investment Insights" },
{ type: "text", text: "24/7 Updates" },
{ type: "text", text: "India Wide Coverage" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Your Trusted Source for Financial News",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-render-digital-communications-background-with-flowing-particles_1048-12677.jpg",
alt: "Financial insights",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Your Trusted Source for Financial News" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-digital-communications-background-with-flowing-particles_1048-12677.jpg", alt: "Financial insights" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Real-Time Redis Cache",
descriptions: [
"Low-latency data delivery for live price tracking",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=1",
},
{
id: "2",
title: "Yahoo Finance Engine",
descriptions: [
"Precise COMEX + USD/INR conversion integration",
],
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=1",
},
{
id: "3",
title: "City-Ready Premiums",
descriptions: [
"Custom city-wide pricing adjustments",
],
imageSrc: "http://img.b2bpic.net/free-photo/white-sheet-money-magnifier-coffee-wooden-table-flat-lay-travel-concept_169016-16174.jpg?_wi=1",
},
]}
title="Unmatched Market Intelligence"
description="Advanced technical engine optimized for speed, precision, and reliability."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "1", title: "Real-Time Redis Cache", descriptions: ["Low-latency data delivery for live price tracking"], imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg" },
{ id: "2", title: "Yahoo Finance Engine", descriptions: ["Precise COMEX + USD/INR conversion integration"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
{ id: "3", title: "City-Ready Premiums", descriptions: ["Custom city-wide pricing adjustments"], imageSrc: "http://img.b2bpic.net/free-photo/white-sheet-money-magnifier-coffee-wooden-table-flat-lay-travel-concept_169016-16174.jpg" },
]}
title="Unmatched Market Intelligence"
description="Advanced technical engine optimized for speed, precision, and reliability."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Standard",
name: "24K Gold Bar",
price: "₹75,000",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dollar-coins-piles_23-2150794367.jpg",
},
{
id: "2",
brand: "Standard",
name: "22K Gold Coin",
price: "₹68,500",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-extruding-blocks_1048-12758.jpg",
},
{
id: "3",
brand: "Luxury",
name: "24K Custom Jewelry",
price: "Request Quote",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg",
},
{
id: "4",
brand: "Raw",
name: "Gold Nuggets",
price: "Market Rate",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/piece-gold-table_91008-586.jpg",
},
{
id: "5",
brand: "Corporate",
name: "Gold Investment Card",
price: "₹1,000",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16385.jpg",
},
{
id: "6",
brand: "Certified",
name: "Bullion Certificate",
price: "₹500",
rating: 5,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet-pressure-sensitive-pen-white-background_1387-655.jpg",
},
]}
title="Market Commodities"
description="Standard purity standards and precious metal offerings."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "1", brand: "Standard", name: "24K Gold Bar", price: "₹75,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dollar-coins-piles_23-2150794367.jpg" },
{ id: "2", brand: "Standard", name: "22K Gold Coin", price: "₹68,500", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-extruding-blocks_1048-12758.jpg" },
{ id: "3", brand: "Luxury", name: "24K Custom Jewelry", price: "Request Quote", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg" },
{ id: "4", brand: "Raw", name: "Gold Nuggets", price: "Market Rate", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/piece-gold-table_91008-586.jpg" },
{ id: "5", brand: "Corporate", name: "Gold Investment Card", price: "₹1,000", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16385.jpg" },
{ id: "6", brand: "Certified", name: "Bullion Certificate", price: "₹500", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet-pressure-sensitive-pen-white-background_1387-655.jpg" },
]}
title="Market Commodities"
description="Standard purity standards and precious metal offerings."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "Free",
subtitle: "Live average pricing",
buttons: [
{
text: "Get Started",
},
],
features: [
"15 min delay",
"National average",
],
},
{
id: "pro",
badge: "Pro",
price: "₹499/mo",
subtitle: "Real-time accuracy",
buttons: [
{
text: "Go Pro",
},
],
features: [
"Real-time data",
"City premiums",
],
},
{
id: "enterprise",
badge: "Elite",
price: "Contact Us",
subtitle: "API Access",
buttons: [
{
text: "Contact Sales",
},
],
features: [
"Direct API access",
"Dedicated Support",
],
},
]}
title="Engine Subscription Plans"
description="Choose the right access level for your investment tracking needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Essential", price: "Free", subtitle: "Live average pricing", buttons: [{ text: "Get Started" }], features: ["15 min delay", "National average"] },
{ id: "pro", badge: "Pro", price: "₹499/mo", subtitle: "Real-time accuracy", buttons: [{ text: "Go Pro" }], features: ["Real-time data", "City premiums"] },
{ id: "enterprise", badge: "Elite", price: "Contact Us", subtitle: "API Access", buttons: [{ text: "Contact Sales" }], features: ["Direct API access", "Dedicated Support"] },
]}
title="Engine Subscription Plans"
description="Choose the right access level for your investment tracking needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1M+",
title: "Monthly Users",
description: "Active visitors",
icon: Users,
},
{
id: "m2",
value: "24/7",
title: "Market Coverage",
description: "Always updated",
icon: Clock,
},
{
id: "m3",
value: "99.9%",
title: "Uptime Rate",
description: "Reliable data",
icon: ShieldCheck,
},
]}
title="Platform Impact"
description="Serving data-driven decisions every day."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "1M+", title: "Monthly Users", description: "Active visitors", icon: Users },
{ id: "m2", value: "24/7", title: "Market Coverage", description: "Always updated", icon: Clock },
{ id: "m3", value: "99.9%", title: "Uptime Rate", description: "Reliable data", icon: ShieldCheck },
]}
title="Platform Impact"
description="Serving data-driven decisions every day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2026",
title: "CEO",
quote: "Invaluable tool for tracking daily gold trends in India.",
tag: "Investor",
avatarSrc: "http://img.b2bpic.net/free-photo/therapist-smiling_23-2147990593.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gold-piece-material-with-circle-gold-center_91008-481.jpg?_wi=2",
imageAlt: "financial advisor portrait",
},
{
id: "2",
name: "Michael C.",
date: "Feb 2026",
title: "Analyst",
quote: "The API integration is seamless and highly accurate.",
tag: "Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-communications-background-with-flowing-particles_1048-12677.jpg",
imageAlt: "financial advisor portrait",
},
{
id: "3",
name: "Emily R.",
date: "Mar 2026",
title: "Manager",
quote: "Highly reliable data for our corporate reporting.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=2",
imageAlt: "financial advisor portrait",
},
{
id: "4",
name: "David K.",
date: "Apr 2026",
title: "Trader",
quote: "The city-specific premiums make all the difference.",
tag: "Trader",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=2",
imageAlt: "financial advisor portrait",
},
{
id: "5",
name: "Anna P.",
date: "May 2026",
title: "Investor",
quote: "Simple, clean, and fast. Exactly what I needed.",
tag: "User",
avatarSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/white-sheet-money-magnifier-coffee-wooden-table-flat-lay-travel-concept_169016-16174.jpg?_wi=2",
imageAlt: "financial advisor portrait",
},
]}
title="Trusted by Investors"
description="Hear what our community says about their financial journey with us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Jan 2026", title: "CEO", quote: "Invaluable tool for tracking daily gold trends in India.", tag: "Investor", avatarSrc: "http://img.b2bpic.net/free-photo/therapist-smiling_23-2147990593.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gold-piece-material-with-circle-gold-center_91008-481.jpg", imageAlt: "financial advisor portrait" },
{ id: "2", name: "Michael C.", date: "Feb 2026", title: "Analyst", quote: "The API integration is seamless and highly accurate.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-communications-background-with-flowing-particles_1048-12677.jpg", imageAlt: "financial advisor portrait" },
{ id: "3", name: "Emily R.", date: "Mar 2026", title: "Manager", quote: "Highly reliable data for our corporate reporting.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "financial advisor portrait" },
{ id: "4", name: "David K.", date: "Apr 2026", title: "Trader", quote: "The city-specific premiums make all the difference.", tag: "Trader", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "financial advisor portrait" },
{ id: "5", name: "Anna P.", date: "May 2026", title: "Investor", quote: "Simple, clean, and fast. Exactly what I needed.", tag: "User", avatarSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/white-sheet-money-magnifier-coffee-wooden-table-flat-lay-travel-concept_169016-16174.jpg", imageAlt: "financial advisor portrait" },
]}
title="Trusted by Investors"
description="Hear what our community says about their financial journey with us."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Get Financial Insights"
description="Stay informed with market trends and investment news."
imageSrc="http://img.b2bpic.net/free-photo/business-accountancy-consultant-making-phone-call-professional-administrative-workplace-employee-business-company-file-cabinet-depository-filled-with-flowcharts-folders_482257-63062.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Newsletter"
title="Get Financial Insights"
description="Stay informed with market trends and investment news."
imageSrc="http://img.b2bpic.net/free-photo/business-accountancy-consultant-making-phone-call-professional-administrative-workplace-employee-business-company-file-cabinet-depository-filled-with-flowcharts-folders_482257-63062.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Learn More",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms of Service",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
bottomLeftText="© 2026 Greynium Information Technology"
bottomRightText="All Rights Reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Learn More", items: [{ label: "About Us", href: "#about" }, { label: "Contact Us", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
]}
bottomLeftText="© 2026 Greynium Information Technology"
bottomRightText="All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);