Merge version_1 into main #1
378
src/app/page.tsx
378
src/app/page.tsx
@@ -31,142 +31,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Justin Garretson"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Wealth, Securely Held."
|
||||
description="Justin Garretson provides expert guidance on high-quality physical gold and silver bullion. Build a legacy with precious metals."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-tin-gold-tin-can-isolated-white-background_185193-163292.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-can_187299-46021.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mexican-coin-close-up_23-2149540122.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-man-handling-money-funds-wealth-prosperity_23-2151660848.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gunny-sack-with-gold-ore-crown_23-2148721482.jpg",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/money-brazilian-coins-25-centavos_58702-6231.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bible-texture-tabs-daily-reading-faith-macro_169016-71281.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background_169016-30045.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coins-jar_23-2150794399.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-abacus-with-chinese-rmb-gold-coins-as-background_1387-46.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/silver-formed-chocolate-isolated-dark-desk_140725-32407.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-charcoal-different-forms_23-2149654150.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-metallic-jewellery-box_23-2151113175.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-small-water-waves-black-white-effect_23-2148358145.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stack-golden-bitcoins-design-resource_53876-95974.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/confetti-coming-out-zip-wallet_23-2148283810.jpg",
|
||||
alt: "Gold partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coins-shaped-as-line_23-2150794396.jpg",
|
||||
alt: "Gold partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coin-textures_1339-4464.jpg",
|
||||
alt: "Gold partner 3",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by Thousands",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Leader 2024",
|
||||
},
|
||||
]}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/png-tin-gold-tin-can-isolated-white-background_185193-163292.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tuna-can_187299-46021.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mexican-coin-close-up_23-2149540122.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-man-handling-money-funds-wealth-prosperity_23-2151660848.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-gunny-sack-with-gold-ore-crown_23-2148721482.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/money-brazilian-coins-25-centavos_58702-6231.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/bible-texture-tabs-daily-reading-faith-macro_169016-71281.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-background_169016-30045.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-coins-jar_23-2150794399.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/golden-abacus-with-chinese-rmb-gold-coins-as-background_1387-46.jpg" }]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Justin Garretson Standard",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/with-closed-eyes-pleased-young-handsome-male-barber-uniform-holding-hair-clippers-winner-cup-around-throat-isolated-blue_141793-73076.jpg",
|
||||
alt: "Gold standards",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "The Justin Garretson Standard" }, { type: "image", src: "http://img.b2bpic.net/free-photo/with-closed-eyes-pleased-young-handsome-male-barber-uniform-holding-hair-clippers-winner-cup-around-throat-isolated-blue_141793-73076.jpg", alt: "Gold standards" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,23 +65,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Maximum Security",
|
||||
description: "Vault-level safety for all your assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943374.jpg",
|
||||
},
|
||||
{
|
||||
title: "Certified Purity",
|
||||
description: "Guaranteed authentic gold and silver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-supreme-quality-stickers_23-2147626919.jpg",
|
||||
},
|
||||
{
|
||||
title: "Prompt Delivery",
|
||||
description: "Secure, insured delivery to your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631433.jpg",
|
||||
},
|
||||
]}
|
||||
features={[{ title: "Maximum Security", description: "Vault-level safety for all your assets.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943374.jpg" }, { title: "Certified Purity", description: "Guaranteed authentic gold and silver.", imageSrc: "http://img.b2bpic.net/free-vector/collection-supreme-quality-stickers_23-2147626919.jpg" }, { title: "Prompt Delivery", description: "Secure, insured delivery to your door.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631433.jpg" }]}
|
||||
title="Why Choose Gold"
|
||||
description="Precision and transparency in every transaction."
|
||||
/>
|
||||
@@ -199,65 +73,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "JG Metals",
|
||||
name: "1oz Gold Bar",
|
||||
price: "$2,350",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-shiny-gold-bars_84443-86316.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "JG Metals",
|
||||
name: "Silver Coin",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dollar-coins-piles_23-2150794372.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "JG Metals",
|
||||
name: "Gold Coin",
|
||||
price: "$2,200",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unwrapped-treat-near-pile-coins_23-2147748113.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "JG Metals",
|
||||
name: "1kg Silver Bar",
|
||||
price: "$950",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coins-table_23-2150974210.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "JG Metals",
|
||||
name: "Maple Leaf Gold",
|
||||
price: "$2,400",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-having-lots-money_23-2151694200.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "JG Metals",
|
||||
name: "Eagle Silver Coin",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/money-brazilian-coins-several_58702-6250.jpg",
|
||||
},
|
||||
]}
|
||||
products={[{ id: "p1", brand: "JG Metals", name: "1oz Gold Bar", price: "$2,350", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stack-shiny-gold-bars_84443-86316.jpg" }, { id: "p2", brand: "JG Metals", name: "Silver Coin", price: "$35", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dollar-coins-piles_23-2150794372.jpg" }, { id: "p3", brand: "JG Metals", name: "Gold Coin", price: "$2,200", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/unwrapped-treat-near-pile-coins_23-2147748113.jpg" }, { id: "p4", brand: "JG Metals", name: "1kg Silver Bar", price: "$950", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coins-table_23-2150974210.jpg" }, { id: "p5", brand: "JG Metals", name: "Maple Leaf Gold", price: "$2,400", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/adult-having-lots-money_23-2151694200.jpg" }, { id: "p6", brand: "JG Metals", name: "Eagle Silver Coin", price: "$45", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/money-brazilian-coins-several_58702-6250.jpg" }]}
|
||||
title="Current Inventory"
|
||||
description="Our curated selection of premium precious metals."
|
||||
/>
|
||||
@@ -268,58 +88,7 @@ export default function LandingPage() {
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "start",
|
||||
badge: "Entry",
|
||||
price: "$1,000",
|
||||
subtitle: "Basic entry portfolio",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1oz Silver Bar",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "grow",
|
||||
badge: "Growth",
|
||||
price: "$10,000",
|
||||
subtitle: "Expand your holdings",
|
||||
buttons: [
|
||||
{
|
||||
text: "Invest",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5oz Gold Bar",
|
||||
"Insured shipping",
|
||||
"Expert advice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "max",
|
||||
badge: "Pro",
|
||||
price: "$50,000+",
|
||||
subtitle: "Wealth building portfolio",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom quantities",
|
||||
"Private vaulting",
|
||||
"Priority concierge",
|
||||
],
|
||||
},
|
||||
]}
|
||||
plans={[{ id: "start", badge: "Entry", price: "$1,000", subtitle: "Basic entry portfolio", buttons: [{ text: "Buy Now", href: "#" }], features: ["1oz Silver Bar", "Priority support"] }, { id: "grow", badge: "Growth", price: "$10,000", subtitle: "Expand your holdings", buttons: [{ text: "Invest", href: "#" }], features: ["5oz Gold Bar", "Insured shipping", "Expert advice"] }, { id: "max", badge: "Pro", price: "$50,000+", subtitle: "Wealth building portfolio", buttons: [{ text: "Contact", href: "#contact" }], features: ["Custom quantities", "Private vaulting", "Priority concierge"] }]}
|
||||
title="Investment Tiers"
|
||||
description="Choose the level that suits your goals."
|
||||
/>
|
||||
@@ -330,29 +99,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Served across the nation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$10M+",
|
||||
title: "Assets Secured",
|
||||
description: "Under our management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-close-up-ferromagnetic-metal_23-2148253653.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always ready to assist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063202.jpg",
|
||||
},
|
||||
]}
|
||||
metrics={[{ id: "m1", value: "500+", title: "Happy Clients", description: "Served across the nation.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg" }, { id: "m2", value: "$10M+", title: "Assets Secured", description: "Under our management.", imageSrc: "http://img.b2bpic.net/free-photo/black-close-up-ferromagnetic-metal_23-2148253653.jpg" }, { id: "m3", value: "24/7", title: "Support Availability", description: "Always ready to assist.", imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063202.jpg" }]}
|
||||
title="By The Numbers"
|
||||
description="Evidence of consistent value delivery."
|
||||
/>
|
||||
@@ -360,45 +107,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "Investor",
|
||||
testimonial: "Justin made gold investment simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceo-multitasking-managing-important-phone-call-with-investors_482257-123264.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "Collector",
|
||||
testimonial: "Purity is unmatched in every bar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-pointing-finger-left-showing-corporate-banner-logo-standing-brown-suit_1258-118860.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Brown",
|
||||
handle: "Portfolio Owner",
|
||||
testimonial: "Reliable and transparent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
handle: "Wealth Builder",
|
||||
testimonial: "My portfolio has never looked better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom White",
|
||||
handle: "Small Investor",
|
||||
testimonial: "Excellent guidance for beginners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[{ id: "t1", name: "John Doe", handle: "Investor", testimonial: "Justin made gold investment simple.", imageSrc: "http://img.b2bpic.net/free-photo/ceo-multitasking-managing-important-phone-call-with-investors_482257-123264.jpg" }, { id: "t2", name: "Jane Smith", handle: "Collector", testimonial: "Purity is unmatched in every bar.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-pointing-finger-left-showing-corporate-banner-logo-standing-brown-suit_1258-118860.jpg" }, { id: "t3", name: "Robert Brown", handle: "Portfolio Owner", testimonial: "Reliable and transparent service.", imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" }, { id: "t4", name: "Sarah Lee", handle: "Wealth Builder", testimonial: "My portfolio has never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" }, { id: "t5", name: "Tom White", handle: "Small Investor", testimonial: "Excellent guidance for beginners.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" }]}
|
||||
title="Client Success"
|
||||
description="Trusted by investors worldwide."
|
||||
/>
|
||||
@@ -409,25 +121,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Contact Justin Garretson"
|
||||
description="Schedule your precious metals consultation today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your interests...",
|
||||
required: true,
|
||||
}}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your interests...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-arrangement-with-buttons_23-2149007423.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -435,38 +130,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Justin Garretson"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "#home" }, { label: "About", href: "#about" }, { label: "Products", href: "#products" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user