sannohhassan/Sannoh-travel.
Domaine:
mobilityType de record:
company
Créateur:
san
Hôte:
Sannoh Travel & Concierge Services is a premier travel and lifestyle management company dedicated to providing exceptional tourism, concierge, and logistics solutions across Liberia and West Africa. Founded with the vision to redefine comfort, convenience, and class in travel experiences, the company prides itself on delivering personalized s
Sannoh Travel & Concierge Services — Your Journey, Our Care
:root{
--deep-blue:#003f63; /* primary */
--emerald:#0a7a52; /* secondary */
--gold:#d4a01a; /* accent */
--bg:#ffffff;
--muted:#6b7280;
--radius:12px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
color:#0b1b2b;
background:var(--bg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:1.5;
}
/* Container */
.container{max-width:1100px;margin:0 auto;padding:24px;}
/* Header / Nav */
header{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 0;
}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:56px;width:auto;border-radius:8px}
.brand .title{font-family:"Montserrat",sans-serif;font-weight:700;color:var(--deep-blue);line-height:1}
nav{display:flex;gap:18px;align-items:center}
nav a{color:var(--deep-blue);text-decoration:none;font-weight:600}
.cta{
background:var(--gold);
color:#08121b;
padding:10px 14px;
border-radius:10px;
font-weight:700;
text-decoration:none;
box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}
/* Hero */
.hero{
background:linear-gradient(180deg, rgba(0,63,99,0.03), rgba(0,127,82,0.02));
border-radius:var(--radius);
padding:36px;
margin:18px 0 28px;
display:grid;
grid-template-columns:1fr 380px;
gap:24px;
align-items:center;
}
.hero .eyebrow{color:var(--emerald);font-weight:700;margin-bottom:8px}
.hero h1{font-family:"Montserrat";margin:6px 0 8px;font-size:28px;color:var(--deep-blue)}
.hero p{color:var(--muted);margin:0 0 18px}
.hero .actions{display:flex;gap:12px}
.btn-primary{
background:var(--deep-blue);
color:white;
padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:700;
}
.btn-outline{border:2px solid var(--deep-blue);padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--deep-blue);font-weight:700;background:transparent}
.hero .card{
bac …