Mercurial > borealpoint
comparison resources/views/welcome.blade.php @ 1:8971e685366b
inital simple dashboard
| author | luka |
|---|---|
| date | Sat, 23 Aug 2025 22:59:37 -0400 |
| parents | 9d7dcd54c677 |
| children |
comparison
equal
deleted
inserted
replaced
| 0:9d7dcd54c677 | 1:8971e685366b |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | 2 <html lang="en"> |
| 3 <head> | |
| 4 <meta charset="UTF-8"> | |
| 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| 6 <title>Boreal Point</title> | |
| 7 <style> | |
| 8 /* --- Global Styles --- */ | |
| 9 body { | |
| 10 margin: 0; | |
| 11 font-family: 'Lato', sans-serif; | |
| 12 line-height: 1.6; | |
| 13 color: #333; | |
| 14 background-color: #fff; | |
| 15 } | |
| 16 h1, h2, h3 { | |
| 17 margin-top: 0; | |
| 18 } | |
| 19 a.button { | |
| 20 display: inline-block; | |
| 21 padding: 0.75em 1.5em; | |
| 22 margin-top: 1em; | |
| 23 background: #B22222; | |
| 24 color: #fff; | |
| 25 text-decoration: none; | |
| 26 border-radius: 8px; | |
| 27 transition: background 0.3s ease; | |
| 28 } | |
| 29 a.button:hover { | |
| 30 background: #8B1A1A; | |
| 31 } | |
| 32 section { | |
| 33 padding: 4em 1em; | |
| 34 text-align: center; | |
| 35 } | |
| 36 .container { | |
| 37 max-width: 1000px; | |
| 38 margin: 0 auto; | |
| 39 padding: 0 1em; | |
| 40 } | |
| 41 /* --- Hero Section --- */ | |
| 42 .hero { | |
| 43 background: linear-gradient(rgba(30,58,95,0.85), rgba(30,58,95,0.85)), | |
| 44 url('/forest_bg.png') no-repeat center center/cover; | |
| 45 color: #fff; | |
| 46 padding: 6em 1em; | |
| 47 } | |
| 48 .hero h1 { | |
| 49 font-size: 2.5rem; | |
| 50 margin-bottom: 0.5em; | |
| 51 } | |
| 52 .hero p { | |
| 53 font-size: 1.25rem; | |
| 54 } | |
| 55 /* --- Services Section --- */ | |
| 56 .services { | |
| 57 display: grid; | |
| 58 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
| 59 gap: 2em; | |
| 60 margin-top: 2em; | |
| 61 } | |
| 62 .service { | |
| 63 background: #f8f8f8; | |
| 64 padding: 2em; | |
| 65 border-radius: 12px; | |
| 66 box-shadow: 0 2px 8px rgba(0,0,0,0.05); | |
| 67 } | |
| 68 /* --- Contact --- */ | |
| 69 footer { | |
| 70 background: #1E3A5F; | |
| 71 color: #fff; | |
| 72 padding: 2em 1em; | |
| 73 text-align: center; | |
| 74 } | |
| 75 footer a { | |
| 76 color: #fff; | |
| 77 text-decoration: underline; | |
| 78 } | |
| 79 </style> | |
| 80 </head> | |
| 81 <body> | |
| 3 | 82 |
| 4 <head> | 83 <!-- Hero Section --> |
| 5 <meta charset="utf-8"> | 84 <section class="hero"> |
| 6 <meta name="viewport" content="width=device-width, initial-scale=1"> | 85 <div class="container"> |
| 7 <title>{{ config('app.name', '') }} </title> | 86 <h1>Boreal Point</h1> |
| 8 <!-- Scripts --> | 87 <p>Custom Software Solutions - Built in Canada</p> |
| 9 @vite(['resources/sass/app.scss', 'resources/js/app.js']) | 88 <a href="#contact" class="button">Let’s Talk</a> |
| 10 </head> | 89 </div> |
| 90 </section> | |
| 11 | 91 |
| 12 <body class="font-sans antialiased bg-light"> | 92 <!-- About --> |
| 13 <header class="p-4 w-100 text-body-secondary mb-3 d-none d-lg-block"> | 93 <section id="about"> |
| 14 @if (Route::has('login')) | 94 <div class="container"> |
| 15 <nav class="d-flex align-items-center justify-content-end gap-2"> | 95 <h2>About Us</h2> |
| 16 @auth | 96 <p> |
| 17 <a href="{{ url('/dashboard') }}" class="btn btn-outline-secondary btn-sm"> | 97 At Boreal Point, we design and build custom software that help businesses work smarter, not harder. |
| 18 Dashboard | 98 Rooted in Canada, we combine technical expertise with a down-to-earth approach, making technology simple, practical, and reliable. |
| 19 </a> | 99 |
| 20 @else | 100 </p> |
| 21 <a href="{{ route('login') }}" class="btn btn-outline-secondary btn-sm"> | |
| 22 Log in | |
| 23 </a> | |
| 24 @if (Route::has('register')) | |
| 25 <a href="{{ route('register') }}" class="btn btn-outline-secondary btn-sm"> | |
| 26 Register | |
| 27 </a> | |
| 28 @endif | |
| 29 @endauth | |
| 30 </nav> | |
| 31 @endif | |
| 32 </header> | |
| 33 <div class="text-dark d-flex p-3 p-lg-4 align-items-center justify-content-center flex-column"> | |
| 34 <main class="text-center"> | |
| 35 <h1>Welcome to Laravel</h1> | |
| 36 <p class="lead">This is a basic homepage for your Laravel application.</p> | |
| 37 </main> | |
| 38 @if (Route::has('login')) | |
| 39 <div class="d-none d-lg-block" style="height: 58px;"></div> | |
| 40 @endif | |
| 41 </div> | 101 </div> |
| 102 </section> | |
| 103 | |
| 104 <!-- Services --> | |
| 105 <section id="services"> | |
| 106 <div class="container"> | |
| 107 <h2>Our Services</h2> | |
| 108 <div class="services"> | |
| 109 <div class="service"> | |
| 110 <h3>Custom Business Tools</h3> | |
| 111 <p>Tailored software to manage your operations with ease.</p> | |
| 112 </div> | |
| 113 <div class="service"> | |
| 114 <h3>Workflow Automation</h3> | |
| 115 <p>Automate repetitive tasks and free up your time.</p> | |
| 116 </div> | |
| 117 <div class="service"> | |
| 118 <h3>Web Applications</h3> | |
| 119 <p>Secure, scalable, and designed for your business.</p> | |
| 120 </div> | |
| 121 </div> | |
| 122 </div> | |
| 123 </section> | |
| 124 | |
| 125 <!-- Why Choose Us --> | |
| 126 <section id="why"> | |
| 127 <div class="container"> | |
| 128 <h2>Why Choose Us</h2> | |
| 129 <p><strong>Tailored for Small Business</strong> – We understand the challenges of small operations.</p> | |
| 130 <p><strong>Built in Canada</strong> – Local solutions with global standards.</p> | |
| 131 <p><strong>Simple & Transparent</strong> – Straightforward pricing and no technical jargon.</p> | |
| 132 </div> | |
| 133 </section> | |
| 134 | |
| 135 <!-- Contact --> | |
| 136 <section id="contact"> | |
| 137 <div class="container"> | |
| 138 <h2>Contact Us</h2> | |
| 139 <p>Let’s build something great together.</p> | |
| 140 {{-- <p><a href="mailto:info@borealpoint.ca">info@yourcompany.ca</a></p> --}} | |
| 141 <p>Based in Canada</p> | |
| 142 {{-- <a href="mailto:info@borealpoint.ca" class="button">Get in Touch</a> --}} | |
| 143 </div> | |
| 144 </section> | |
| 145 | |
| 146 <!-- Footer --> | |
| 147 <footer> | |
| 148 <p>© 2025 Boreal Point Software Inc. Built in Canada</p> | |
| 149 </footer> | |
| 150 | |
| 42 </body> | 151 </body> |
| 152 </html> | |
| 43 | 153 |
| 44 </html> |
