Update src/app/page.tsx
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -31,12 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Reference Ray"
|
||||
/>
|
||||
@@ -44,42 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Reference Ray: Elegance Redefined"
|
||||
description="Discover a curated collection of refined products designed for the discerning individual. Shop our signature line today."
|
||||
tag="New Season"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reference Ray: Wellness Redefined"
|
||||
description="Discover a curated collection of premium healthy foods, protein powders, and artisanal peanut butter. Elevate your nutrition today."
|
||||
tag="New Arrivals"
|
||||
buttons={[{ text: "Explore Selection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg"
|
||||
imageAlt="Collection showcase"
|
||||
imageAlt="Wellness showcase"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-golden-lights-reflecting-glass_23-2148339543.jpg", alt: "Close-up golden lights reflecting on glass"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower_23-2149872261.jpg", alt: "Gold aesthetic wallpaper with flower"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-glasses-with-champagne-bubbles_23-2148339537.jpg", alt: "Close-up glasses with champagne bubbles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg", alt: "hanging glass lamp light vintage"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg", alt: "minimal lifestyle product shot"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{
|
||||
type: "text", text: "Handcrafted Excellence"},
|
||||
{
|
||||
type: "text", text: "Timeless Aesthetics"},
|
||||
{
|
||||
type: "text", text: "Curated Quality"},
|
||||
{
|
||||
type: "text", text: "Refined Living"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,39 +60,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Quality", description: "Handcrafted details that set our collection apart.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-pottery-tools_23-2150219651.jpg", imageAlt: "Artisan craft"},
|
||||
title: "Artisan Peanut Butter", description: "Small-batch peanut butter made from premium roasted peanuts.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-pottery-tools_23-2150219651.jpg", imageAlt: "Peanut Butter"
|
||||
},
|
||||
{
|
||||
title: "Sustainable Sourcing", description: "Ethically sourced materials for a better future.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-vases-arrangement_23-2149681132.jpg", imageAlt: "Sustainability"},
|
||||
title: "Premium Protein", description: "Clean, high-quality protein powder to fuel your daily performance.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-vases-arrangement_23-2149681132.jpg", imageAlt: "Protein Powder"
|
||||
},
|
||||
{
|
||||
title: "Lifetime Design", description: "Timeless aesthetics designed to never fade.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863450.jpg", imageAlt: "Timeless design"},
|
||||
title: "Healthy Essentials", description: "A range of healthy foods to support your balanced lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863450.jpg", imageAlt: "Healthy Food"
|
||||
}
|
||||
]}
|
||||
title="Crafted with Purpose"
|
||||
description="Excellence in every detail, engineered for lasting performance and style."
|
||||
title="Crafted for Well-being"
|
||||
description="Excellence in every detail, engineered for natural energy and nutritional balance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Luxe Timepiece", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Watch"},
|
||||
id: "1", name: "Creamy Peanut Butter", price: "$14.99", variant: "500g Jar", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Peanut Butter"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Classic Leather Bag", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073514.jpg", imageAlt: "Bag"},
|
||||
id: "2", name: "Vanilla Whey Protein", price: "$49.99", variant: "1kg Tub", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073514.jpg", imageAlt: "Protein"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Silk Scarf", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440666.jpg", imageAlt: "Scarf"},
|
||||
{
|
||||
id: "4", name: "Ceramic Vase", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-interior-beautiful-vase-table_169016-3841.jpg", imageAlt: "Vase"},
|
||||
{
|
||||
id: "5", name: "Brass Lamp", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/retro-light-bulb-classic-lamp_1150-10833.jpg", imageAlt: "Lamp"},
|
||||
{
|
||||
id: "6", name: "Handmade Journal", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/red-notebook-mock-up-with-presents_23-2148313036.jpg", imageAlt: "Journal"},
|
||||
id: "3", name: "Superfood Granola", price: "$18.50", variant: "300g Pack", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440666.jpg", imageAlt: "Granola"
|
||||
}
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Explore our curated inventory of refined lifestyle essentials."
|
||||
buttons={[{ text: "Buy Now" }]}
|
||||
title="Our Health Collection"
|
||||
description="Fuel your day with our top-rated healthy foods and supplements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,18 +102,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Reference Ray Philosophy"
|
||||
description="We believe that luxury is found in the intersection of functionality and aesthetic harmony. Our products serve as a reference point for quality in modern living."
|
||||
description="We believe that true wellness begins with high-quality ingredients. Our products are sourced to provide maximum nutritional value for modern living."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Commitment to Craft", description: "Rigorous attention to every production phase."},
|
||||
{
|
||||
title: "Global Perspective", description: "Drawing inspiration from cultures across the globe."},
|
||||
{
|
||||
title: "Client First", description: "Personalized service for your unique lifestyle."},
|
||||
{ title: "Natural Ingredients", description: "No artificial additives, just pure quality." },
|
||||
{ title: "Performance Focused", description: "Designed to aid your daily fitness journey." },
|
||||
{ title: "Community Health", description: "Supporting balanced nutrition for everyone." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-tree-sunlight_23-2150698050.jpg"
|
||||
imageAlt="Our studio"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,15 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "12k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2", value: "45", description: "Countries Reached"},
|
||||
{
|
||||
id: "m3", value: "98%", description: "Sustainability Score"},
|
||||
{ id: "m1", value: "500+", description: "Daily Athletes" },
|
||||
{ id: "m2", value: "10k", description: "Satisfied Customers" },
|
||||
{ id: "m3", value: "100%", description: "Natural Sourced" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that reflect our dedication and community growth."
|
||||
title="Fueling Progress"
|
||||
description="Measuring the impact of quality nutrition on your performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,19 +135,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena V.", role: "Collector", testimonial: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-looking-camera_23-2148323667.jpg"},
|
||||
{
|
||||
id: "2", name: "Marcus J.", role: "Designer", testimonial: "A beautiful blend of form and utility.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah W.", role: "Curator", testimonial: "Reference Ray is my go-to for essentials.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-retro-camera-near-breakfast-food_23-2147911464.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", role: "Architect", testimonial: "Timeless, minimal, and truly functional.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870853.jpg"},
|
||||
{
|
||||
id: "5", name: "Julia P.", role: "Writer", testimonial: "Every item feels special.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
|
||||
{ id: "1", name: "Elena V.", role: "Athlete", testimonial: "The best protein I have ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-looking-camera_23-2148323667.jpg" },
|
||||
{ id: "2", name: "Marcus J.", role: "Fitness Coach", testimonial: "Quality ingredients made easy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg" },
|
||||
{ id: "3", name: "Sarah W.", role: "Nutritionist", testimonial: "Finally, a clean label I can trust.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-retro-camera-near-breakfast-food_23-2147911464.jpg" },
|
||||
]}
|
||||
title="Voice of Our Community"
|
||||
description="Hear what our customers are saying about the Reference Ray difference."
|
||||
title="Client Success"
|
||||
description="See how others are reaching their fitness goals with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -192,24 +148,21 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue", "ArchDigest", "GQ", "Wallpaper", "DesignMilk", "ElleDecor", "Hypebeast"]}
|
||||
title="As Seen In"
|
||||
description="Featured by industry leaders and lifestyle magazines worldwide."
|
||||
names={["HealthMag", "FitLife", "WellnessDaily", "GymDaily", "ProteinGuru"]}
|
||||
title="Trusted By Professionals"
|
||||
description="Endorsed by leading health experts and fitness platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Newsletter"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Exclusive"
|
||||
title="Get Exclusive Access"
|
||||
description="Join the Reference Ray community and receive early access to new collections and exclusive stories."
|
||||
description="Sign up to receive early access to our new health product launches and exclusive discounts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pastel-green-oil-paint-textured-background_53876-111158.jpg"
|
||||
imageAlt="Contact view"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,30 +170,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Reference Ray"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Products", items: [{ label: "Peanut Butter", href: "#products" }, { label: "Protein Powder", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user